Kendo Grid单按网格列菜单显示/隐藏网格列

Question

而不是在我的网格中的每个列上显示一个列菜单，我想要一个单独的菜单顶部的网格，我可以控制显示/隐藏列&列冻结/解冻。

查看参考图片以获得一个想法。

Answer 1

剑道UI框架有kendoColumnMenu部件。 假设 '网格' 是一个网格元素，我们有： HTML（FA -...是字体真棒样式）：

<a class="btn btn-icon grid-column-menu fa fa-columns" href="#" title="Manage columns."></a> 

JS：

var $gridColumnMenuButton = $(".grid-column-menu").kendoColumnMenu({ 
    filterable: false, 
    sortable: false, 
    dataSource: grid.data("kendoGrid").dataSource, 
    columns: true, 
    owner: grid.data("kendoGrid"), 
}); 

$gridColumnMenuButton.on("click", function(e) { 
    $(this).find(".k-header-column-menu").click(); 

    return false; 
}); 

CSS：

.grid-column-menu .k-header-column-menu { 
height: 35px; 
visibility: hidden; 
position: absolute; 
left: 0; } 

这将允许您隐藏/取消隐藏列。