Webixデータテーブル用のカスタムヘッダーメニューを作成するにはどうすればいいですか？

Question

私はデータテーブルのヘッダーのアイコンのカスタムメニューを作成しようとしています。主なアイデアは、ここに私の現在のコードです（アイコンクリックで）1つの特定の列 ために、このメニューを表示することです。今のところ

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

あなたのアイコンののonClick機能を追加するために必要とされる

[更新]。ポップアップウィンドウをアイコンに合わせるには、必要に応じての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をご確認ください。