Question

如何使用 jQuery 获取 Kendo Grid 中选定的行

2020-10-14

2228

javascript jquery kendo-grid kendo-asp.net-mvc

我有以下 jQuery 代码，它可以获取第一行的值但不能获取选定的行:

function setStandardName() {
        var grid = $("#BillingsGrid").data("kendoGrid");
        var dataItem = grid.dataItem("tbody tr:eq(0)");       
        dataItem.set("Name", "new value");
        console.log(dataItem.Name); 
    };

它找到了第一行的值，但我需要获取选定的行的值

我试过这个:

function setStandardName() {
        var grid = $("#BillingsGrid").data("kendoGrid");
        var dataItem = grid.dataItem($(this).closest("tr"));       
        dataItem.set("Name", "new value");
        console.log(dataItem.Name); 
    };

未捕获的 TypeError: 无法读取此行上的 null 属性“set” dataItem.set("Name", "new value");

Answer 1

像这样尝试。

$('.clickedSomething').click(function() {
    var grid = $("#BillingsGrid").data("kendoGrid");
    var dataItem = grid.dataItem($(this).closest("tr"));       
    dataItem.set("Name", "new value");
    console.log(dataItem.Name); 
};

Answer 2

您可以像本示例一样获取选定的行及其每个单元格的值：

var gridDataArray = $('#Grid').data('kendoGrid')._data;          
var selectedslug = gridDataArray[grid.select().index()]['Slug'];

并且您可以使用 foreach 语句循环获取该数组中的所有行数据