css - 格式化 jQgrid 可编辑文本框高度

Question

我正在使用 jQgrid 4.6.0 版(免费版)并尝试编辑当我们在 Column 模型中设置 editable: true 时呈现的文本框的高度。我希望文本框高度适合完整的网格单元格。

此处呈现的文本框的宽度很好，适合单元格，但如何增加文本框的高度？

努力实现:-

Answer 1

您可以使用一些技巧。你可以editoptions在列中定义了类似

editoptions: { style: "height:40px;" }

它将设置style编辑期间创建的文本框上的属性。我认为该技巧适用于您将使用的任何编辑模式。

更新:在使用单元格编辑的情况下可以执行以下操作:

afterEditCell: function (rowid, cellname, value, iRow, iCol) {
    var tr = this.rows[iRow], h = $(tr).height(),
        $input = $(tr.cells[iCol]).find("input"),
        delta = $input.outerHeight() - $input.height();

    $input.height(h - delta);
}

内部回调最多this将被初始化为 <table> 的 DOM元素(参见 here )，它支持 rows通过 rowIndex 快速访问行的属性行 ( <tr> ) 支持 cells可用于按单元格索引获取单元格的数组。我希望其余的代码应该很清楚。