我想隐藏剑道网格命令编辑按钮

Question

我想隐藏kenod编辑按钮而不将其从代码中删除，我尝试添加一个带有display:none和属性hidden:true的类，但没有任何效果。我在这里需要价格按钮，但编辑应该隐藏。

  { command: ["edit",{text:"D" , click: deleteRow ,class : "k-grid-delete"} , {text:"Price" , click: showDetails ,class : "k-button"} ], title: " ", width: "120px" }

Answer 1

如果希望有条件地隐藏按钮，可以使用 dataBound() 事件：

dataBound: function (){
    var grid = this;
    var trs = this.tbody.find('tr').each(function(){
        var item = grid.dataItem($(this));
        if( item.Something == "Condition") {
            $(this).find('.k-grid-edit').hide();
        }
    });               
}

如果要无限期隐藏按钮，可以使用以下 CSS：

.k-grid-edit {
   display: none;
}

下面是一个显示这两种方法用法的示例(我最初注释掉了 CSS 示例以显示条件隐藏功能(。