검도 그리드 단일 단추 눈금 열 메뉴 눈금 열 표시/숨기기

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

을

이렇게하면 열을 숨기기/숨기기 해제 할 수 있습니다.