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 に答える