javascript - 单击第一行的按钮时如何获取下一行的对象详细信息？

Question

我有一个剑道网格，每行都有模型详细信息，我想在单击一行上的按钮时交换两个对象的值。例如:名称为“Activity1”的对象的订单号为“1” 名称为“Activity2”的对象的订单号为“2”

我想按下事件 1 行上的一个按钮来交换订单号，这样事件 1 的订单号将是“2”，事件 2 的订单号将是“1”。

我能够获取按下的行对象的详细信息并将其更改为我想要的内容，但我无法获取下一行的详细信息来更改它，有什么帮助吗？

代码:

@(Html.Kendo().Grid<WEB02.ConfigurationModel.TestGrid>()
.Name("grid")
.Columns(columns =>
{

    columns.Bound(o => o.Name).Width(110);
    columns.Bound(o => o.Type).Width(130);
    columns.Command(command => {command.Destroy();

    command.Custom("Higher Order").Click("HigherOrder");

     });
})
.Sortable()
.Scrollable(scrollable => scrollable.Virtual(true))
.Selectable(selectable => selectable
        .Mode(GridSelectionMode.Multiple))
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
    .Ajax()
    .Model(model => model.Id(p => p.Name))
    .PageSize(100)
    .Read(read => read.Action("ActivityGrid", "Configuration"))
    .Destroy("TestDelete", "Configuration")
    .Events(events => events.Sync("sync_handler"))       
    )


    .Pageable(pageable => pageable
        .Refresh(true))

)

功能

function HigherOrder(e) {
    var tr = $(e.target).closest("tr");    // get the current table row (tr)
    var item = this.dataItem(tr);
    // get the date of this row
    //console.log(item);
    console.log(item.NodeId);
    console.log(item.Type);
    console.log(item);
    var newOrder= parseInt(item.ActivOrderNo)+1;
    var params = {

        nodeID: item.NodeId + ".CONFIG.OrderNumber",
        write: newOrder
    };

    console.log(newOrder);
    var temp = {
        url: "/Configuration/WriteAttribute",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify(params),
        success: function (params) {
            window.location.replace(params.redirect);
        }
    };
    $.ajax(temp);

Answer 1

如果您只想获取下一行，则需要使用 row.index 属性。

获取当前行索引:

var grid = $('[name="Grid"]').data("kendoGrid");        
var dataRows = grid.items();
var rowIndex = dataRows.index(grid.select());

要按索引获取数据项，请使用下一个代码片段:

var nextDataItem = grid.dataItems()[rowIndex+1];