以编程方式设置下一行kendo网格

时间:2015-05-05 17:40:25

标签: javascript jquery kendo-ui kendo-grid

我有kendo网格和一个按钮。单击按钮时,我想将网格内容从当前选定的行更改为下一行。

  • 如何使用JQuery / Javascript实现?

1 个答案:

答案 0 :(得分:2)

我不确定我是否帮助你。这是你想要的东西吗?

$("#grid").on("click", ".k-button", function() {
    var tr = $(this).closest("tr");
    var dataItem = grid.dataItem(tr);

    var nextDataItem = grid.dataSource.at(($(tr).index() + 1));

    if (nextDataItem) {
        nextDataItem.Id = dataItem.Id;
        nextDataItem.Name = dataItem.Name;

        grid.refresh();
    }
});

Fiddle

事件处理程序必须附加在网格(#grid)上并通过按钮选择器(在这种情况下为.k-button)进行过滤,因为当调用方法.refresh()时,它会重新创建表格内容删除旧按钮及其事件。