Webix 데이터 테이블 용 사용자 정의 헤더 메뉴를 만드는 방법은 무엇입니까?

Question

데이터 테이블 헤더의 아이콘에 대한 사용자 정의 메뉴를 만들려고합니다. 주요 아이디어는 여기에 내 현재 코드입니다 (아이콘 클릭에서) 하나의 특정 열이 메뉴를 표시하는 것입니다 : 난 아무데도 헤더에 클릭하면 지금은

http://webix.com/snippet/b5259f40

{ 
    view:"datatable", 
    columns:[ 
    { id:"info", header:"Info", fillspace:1}, 
    { id:"props", header:"<i id='settings' class='fa fa-list' style='text-align:center;'></i>", width:150}  
    ], 
    data:[], 
    on:{ 
    onHeaderClick:function(id, e, node){ 
     $$("mymenu").show(node); 
    } 
    } 
}); 

webix.ui({ 
    view:"popup",  
    body:{  
    view:"menu", data:[], 
    on:{ 
     onMenuItemClick:function(id){ 
     webix.message(id); 
     this.getParentView().hide() 
     } 
    } 
}) 

는 팝업이 열립니다.

아이콘에만 메뉴를 추가 할 수 있습니까? TIA

Answer 1

당신은 당신의 아이콘에 대한 온 클릭 기능을 추가하는 데 필요한

[업데이트]. 팝업 창을 아이콘과 맞추려면 필요에 따라의 x 및 y 오프셋을 수동으로 조정해야합니다 (). 아래에서 확인하십시오 :

onClick:{ 
    "fa": function(id, e, node){ //"fa" is the classname in your header 
     $$("mymenu").show(
     { 
      x : 780,   //left offset from the right side 
      y : 30    //top offset 
     }); 
    } 
} 

스 니펫 here을 확인하십시오.