剣道グリッド単一ボタングリッド列メニューグリッド列の表示/非表示

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

を

これにより、列の表示/非表示を切り替えることができます。