隱藏使用JQuery

Question

我可以隱藏在劍道UI常規列劍道UI命令列...

var grid = $("#MyGrid").data("kendoGrid"); 
grid.hideColumn("Id"); 

，但我似乎無法隱藏命令列，如這樣的產品......

columns.Command(command => 
{ 
command.Custom("Edit").Text("<span class=\"glyphicon glyphicon-pencil\"></span>").SendDataKeys(true).Click("ShowEditModal"); 
}); 

在此先感謝！

Answer 1

您需要將字段屬性添加到您的命令列中。

{ field: "coms", command: ["edit", "destroy"], title: " ", width: "250px" } 

hideColumn/showColumn操作使用列號或列字段「name」。

Kendo API Reference

因此，例如，使用一個按鈕，你可以做兩種：

    $('#hide-col1').click(function() { 
       var col = grid.columns[4]; 
       //var col = "coms"; 
       if (col.hidden) { 
        grid.showColumn(col); 
       } else { 
        grid.hideColumn(col); 
       } 
       }); 

或者

    $('#hide-col2').click(function() { 
       grid.hideColumn("coms"); 
       }); 

這裏有一個工作示例：http://dojo.telerik.com/@nsnadell/uTeZu

如果您只想使用字段屬性來顯示/隱藏切換，您需要將字段值放入與列具有相同順序的數組中，然後編寫幾個函數。但是，不知道這是否是您的需求。