选择 Kendo Grid 行时获取特定列答案

【问题标题】：Get specific column when Kendo Grid row is selected选择 Kendo Grid 行时获取特定列
【发布时间】：2014-07-29 11:59:59
【问题描述】：

我对 Kendo UI 很陌生，如果有人可以提供建议，我将不胜感激。选择我的网格行时，我需要获取特定列的值。到目前为止，我可以获取所选行的所有列的值：

$("#grid").kendoGrid({
...
change:onChange,
columns: [{
            field: "Number",                
            title: 'Number',

        }, {
            field: "Title",
            title: "Title",               
        }]
});

onChange函数：

function onChange(arg) {
        var selected = $.map(this.select(), function (item) {
            return $(item).text();
        });

        alert(selected);
    }

我需要取Number 列的选定值。类似$(item[name='Number']).text(); 我知道我可以解析字符串，但我想还有另一种方法。

非常感谢

【问题讨论】：

标签： javascript kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

您应该使用 Kendo UI Grid 的 dataItem 方法来检索您选择的行的实际数据项 - reference。然后，您可以通过属性名称检索您需要的值。

function onChange(e) {
  var selected = this.select()[0],
      item = this.dataItem(selected);

  alert(item.Number);
}

【讨论】：

【解决方案2】：

如果您有多项选择并且想要收集所有选定行的第一列。使用以下代码

      var allSelected = "";          
      var selectedRows = this.select();
        for (i = 0; i < selectedRows.length ; i++) {
            allSelected = allSelected + ", " + this.dataItem(selectedRows[i]).task_number;
        }

【讨论】：