kendo ui grid批量编辑,设置焦点

时间:2014-05-06 08:36:08

标签: javascript jquery kendo-grid

我在kendo ui网格上工作。默认情况下,网格不可编辑 在工具栏中有一个编辑'按钮。当用户点击它时,网格应该可以在批处理模式下编辑,如this

获得此功能的唯一解决方案是删除并使用新属性重新创建网格/数据源(可编辑:true等)。

这可以按预期工作。现在我想将焦点设置在第一行/单元格上,以便用户可以看到网格现在可以编辑(在下面的示例中,行变为输入字段)。

对此有何建议?

这是fiddle

 $('.k-grid-edit').on('click', function (e) {
     e.preventDefault();

     // remove old grid
     $('#grid').html('');

     // recreate grid with edit: true and new datasource
     $('#grid').kendoGrid({
         dataSource: dataSourceInEdit,
         editable: true,
         columns: [{
             field: 'TableId',
             title: 'Id',
             width: 50
         }, {
             field: 'Area',
             title: 'Area'
         }, {
             field: 'Table',
             title: 'Table',
             width: 60
         }, {
             command: 'destroy',
             title: ' ',
             width: 100
         }]
    }).data("kendoGrid");

}); // end edit

1 个答案:

答案 0 :(得分:0)

好的,我明白了:
这两行让它成为现实:

var grid = $("#rt_tableGrid").data("kendoGrid");
grid.editRow($("#rt_tableGrid tr:eq(1)"));

当然只能在我的本地剧本中,在小提琴中我不能让它起作用。

虽然在Docu中写道:需要“内联”或“弹出”
文档here