0

我有一个运行良好的 KendoUI Grid,但我无法为行添加背景颜色。

我发现了一些应该遍历行的代码,但是当我运行它时,它只是进入了一个无限循环。

关于这个主题有很多帖子,但其中大多数都比我想要的复杂得多。

任何帮助将不胜感激。

$(document).ready(function() {

    $("#grid").kendoGrid({
        dataSource: {
        type: "jsonp",
        transport: {
        read: "XXXX.xpRest.xsp/xpRest1"},
        pageSize: 20},
        batch: true,
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
                  },
        pageSize: 15,
        height: 543,
        selectable : true,
        columns : [{
            field : "name",
            title : "Name"
        },{
            field : "strDate",
            title : "Start Date",
            width : 150
        },{
            field : "$10",
            title : "End Date Date",
            width : 150
        }],     
        dataBound: function () {
                dataView = this.dataSource.view();
//<!--                for (var i = 0; i < dataView.length; i++) {-->
//<!--                    if (i = 0) {-->
//<!--                        var uid = dataView[i].uid;-->
//<!--                        $("#grid tbody").find("tr[data-uid=" + uid + "]").addClass("onCall");  //alarm's in my style and we call uid for each row-->
//<!--                    }-->
//<!--                }-->
            }
        });
});
4

1 回答 1

1
     dataBound: function (e) {
                        // Color rows
                        var rows = e.sender.tbody.children();
                        for (var j = 0; j < rows.length; j++) {
                            var row = $(rows[j]);                           
                            row.css('background-color', '#FFFFE0');
                        } 
      }
于 2016-07-21T14:27:00.090 回答