更新行jqgrid时如何选择内容值单元格

时间:2018-02-02 06:05:11

标签: jqgrid

我可以编辑jqgrid行,如下所示。当我编辑内联时,在编辑行时单击单元格。选择内容值单元格或突出显示单元格内容值  这个演示版看到了demo:https://jsfiddle.net/amir3164/dnfk8hmr/156/   我希望这像imge enter image description here

编辑时我的代码

  $grid.jqGrid({
        data: data,
        colModel: [
            { name: "act", template: "actions" },
            { name: "id", width: 50, template: "integer" },
            { name: "get", width: 50, template: "integer" },
            { name: "PackageCode", width: 110 , editable: true },
            { name: "Name", width: 200, editable: true }
        ],
 inlineNavOptions: {
            add: true,
            edit: true,
            addParams: {
                position: "last", //ردیف‌های جدید در آخر ظاهر می
                rowID: function (options) {
                    return 123 + $.jgrid.guid++;
                },
                useDefValues: true
            }
        }
    }).jqGrid("filterToolbar")
        .jqGrid("navGrid")
      .jqGrid("inlineNav");
});

1 个答案:

答案 0 :(得分:0)

在内联编辑开始后,可以在_Test元素上使用HTMLInputElement.select()方法。相应的代码可能如下:

<input>

请参阅https://jsfiddle.net/dnfk8hmr/159/

UPDATED :选择输入文本onClick需要在onClick或onFocus事件处理程序中调用inlineEditing: { focusField: "PackageCode", oneditfunc: function (rowid) { var $control = $("#" + $.jgrid.jqID(rowid + "_PackageCode")); if ($control.length > 0) { $control[0].select(); } } } 。例如,要对所有编辑字段进行onClick绑定,可以使用select()

cmTemplate

请参阅https://jsfiddle.net/OlegKi/dnfk8hmr/161/