2016-03-22 18 views
0

私は添付のコンテキストメニューでアイコンにコンテキストメニューを表示しますか?

webix.ui({ 
    view:"contextmenu", 
    data:["More info", "Edit", "Delete record"], 
    click:function(id, context){ 
    webix.message(id+" on row "+this.getContext().id); 
    } 
}).attachTo($$("dtable")); 

をデータテーブル

webix.ui({ 
    view:"datatable", id:"dtable", data:grid_data, 
    columns:[ 
    {id:"title", adjust:true}, 
    {id:"more", template:"<icon class='webix_icon fa-cog'></icon>"} 
    ] 
}); 

Webixを持っているがここで疑問に思う私のsnippet

だそれが唯一のアイコン上でコンテキストメニューを表示することは可能でしょうか?何か案は?ありがとう。

答えて

1

Webixのドキュメントには、onBeforeContextMenuというイベントがあります。それを使用して、カラムIDを確認することができますし、他の列のコンテキストメニューの上映を防ぐ:スニペットで

on:{ 
    onBeforeContextMenu:function(id, e, node){ 
     if (id.column !== "more") 
      return false; 
    } 
} 

を、列にはアイコンのみが含まれているので、このソリューションは、あなたのニーズに合うことができます。さらにとして、私はあなたがそれは私のユースケースに適しています

webix.event($$("dtable").$view, "contextmenu", function(e){ 
    webix.html.preventEvent(e); 
}); 

http://webix.com/snippet/509f218d

+0

を経由してデータテーブル上のブラウザのコンテキストを防ぐ提案、ありがとうございました! – Shere

関連する問題