需要逐行访问 Kendo Grid 数据答案

【问题标题】：Need access Kendo Grid data row wise需要逐行访问 Kendo Grid 数据
【发布时间】：2018-07-06 17:51:07
【问题描述】：

我在我的项目中使用了 Kendo Grid，我需要逐行访问每行中的值。并且需要比较两列之间的值。

例如：-

 Student ID   Student Name  Student Physics Student Chemistry

 1          xxx            22                  44
 2          yyy            33                  11

需要比较两列之间的标记，并且必须突出显示包含较少值的单元格。

任何按行的数据迭代示例都会有所帮助。

提前致谢。

迪帕克

【问题讨论】：

标签： kendo-ui kendo-grid

【解决方案1】：

这是您按行访问数据的方式。

$("#grid").kendoGrid({
    dataSource: {
        data:[
                {
                 "Id":1,
                 "Name":"xxx",
                  "Physics":22,
                  "Chemistry":44
                },{
                "Id":2,
                "Name":"yyy",
                "Physics":33,
                "Chemistry":11
               }
              ]
    },
     pageable: true,
        height: 550,
        columns: [
            { field: "Id", title: "Id"  },
            { field: "Name", title: "Name"  },
            { field: "Physics", title: "Physics"},
            { field: "Chemistry", title: "Chemistry"},
            ]
 });

var studentsGrid= $("#grid").data("kendoGrid");       
var data = studentsGrid.dataSource.data();
for(var i = 0; i<data.length; i++) {
     // access data row wise
    console.log(data[i].Chemistry);
    console.log(data[i].Physics);
}

<head>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="grid"></div>
   </body>

【讨论】：