我想隐藏kendo grid命令编辑按钮？

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;
}

这是一个显示use of both methods的示例（我最初注释掉CSS示例以显示条件隐藏功能）。