单击左侧的上下文菜单

Question

我有一个带有上下文菜单的列表。显然，它默认出现在右键单击时。但是如何将上下文菜单设置为左键单击？

webix.ui({
  rows:[
    { view:"list", id:"list", onContext:{},  data:[
      {value:"First"},
      {value:"Second"},
      {value:"Third"},
      {value:"Fourth"},
    ]},    
  ]
});

webix.ui({
  view:"contextmenu",
  id:"cmenu",
  data:["Like", "Dislike", "Report"],
}).attachTo($$('list'));

这里是 snippet。

我试过使用 onClick 事件，但没有成功

$$("list").attachEvent("onClick", function(id, context){    
    $$("cmenu").show(context);    
  });

我哪里错了吗？有任何想法吗？提前致谢！

Answer 1

你只需要添加点击事件 onItemClick:

$$('list').attachEvent("onItemClick", function(id, e, node){
    $$('cmenu').show(node);
});

意思是当您单击列表项时，在单击的项目上显示上下文菜单。

Snippet

单击左侧的上下文菜单

Context menu on the left click

javascript

onclick

contextmenu

webix