javascript - jqGrid - 在内联编辑时选择选定单元格的文本

Question

第 1 部分 在我的网格中，我有一些可编辑的列，我想对其进行内联编辑。但是，当我选择任何特定单元格时，如果该单元格可以进行内联编辑 (editable: true)，它应该选择要编辑的文本。

例如，如果这是默认网格: 然后在选择数量中的任何单元格时，结果应该是这样的:

当我们在 jqGrid 中单击一个单元格来编辑该行时，当前的实现不会像这样突出显示所选文本。有什么办法可以实现吗？

第 2 部分迁移到 this question按照奥列格的建议

网格代码: jsFiddle

注意:我真正的应用数据类型是JSON

Answer 1

我不确定所有版本的旧网络浏览器，但您可以修改 onSelectRow 的代码到以下

onSelectRow: function (id) {
    var $self = $(this);
    if (id && id !== lastsel2) {
        $self.jqGrid('restoreRow', lastsel2);
        $self.jqGrid('editRow', id, {
            keys: true,
            focusField: 'Quantity',
            oneditfunc: function (rowid, options) {
                $control = $("#" + rowid + "_Quantity");
                if ($control.length > 0) {
                    $control[0].select();
                }
            },
            aftersavefunc: reload
        });
        lastsel2 = id;
    }
}

参见 http://jsfiddle.net/OlegKi/HJema/163/ .它使用 focusField: 'Quantity'将焦点设置在 'Quantity' 上的选项柱子。它使用 select()选择<input>的文本的方法字段。

你问题的第二部分(关于 bindKeys )在我看来是一个单独的问题。方法bindKeys允许实现自定义回调 onLeftKey , onRightKey .我不太清楚您更喜欢使用哪一个。