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

Question

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

• 如何使用 JQuery/Javascript 实现？

Answer 1

我不确定我是否正确。你想要这样的东西吗？

$("#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()时，它会重新创建表格内容，移除旧按钮以及他们的事件。