Question

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

例如：-

 Student ID   Student Name  Student Physics Student Chemistry

 1          xxx            22                  44
 2          yyy            33                  11

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

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

谢谢。

Dipak

Answer 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>

需要明智地访问Kendo Grid数据行

1 个答案: