Question

我是kendo UI的新手。在我的代码中，列的创建如下所示。

grid = $('#grid').kendoGrid({
            columns: [
                {
                    width: 75,
                    command: [{
                        name: "Tag",
                        click: function (e) {
                            try {
                             } catch (ex) {
                                alert(ex.message);
                            }
                        }
                    }]
                },
               { field: "Col18", title: "IsTag", width: 75 },
               { field: "Col8", title: "System", width: 75 },
          ],

现在，在数据绑定中，基于数据源的值，它们正在改变行的颜色，如下所示。我的问题是，如果颜色是绿色，我想隐藏命令按钮。我怎样才能做到这一点。

 dataBound: function () {
                dataView = this.dataSource.view();
                for (var i = 0; i < dataView.length; i++) {
                    var obj = $("#grid tbody").find("tr[data-uid=" + dataView[i].uid + "]");
                    switch (dataView[i].Aklr) {
                        case "R":
                            obj.addClass("red");
                            break;
                        case "R+":
                            obj.addClass("darkred");
                            break;
                        case "G":
                            obj.addClass("green");
                             break;
                    }

                }
            }

Answer 1

由于您已经在表行中添加了一个类，因此可以使用CSS完成此操作。

http://jsbin.com/fogulena/3/edit?html,css,js,output

.green .k-grid-Tag {
  display: none;
}

Answer 2

在这里，我找到答案。

$（＆＃34; #grid tbody＆＃34;）。find（＆＃34; tr [data-uid =＆＃34; + dataView [i] .uid +＆＃34;] td：eq（ 0）＆＃34;）HTML（＆＃34;＆＃34）;

使命令按钮在Kendo Grid中不可见

2 个答案: