左键单击上下文菜单

Context menu on the left click

本文关键字:菜单 上下文 单击      更新时间:2023-09-26

我有一个带有上下文菜单的列表。显然,默认情况下,它显示在右键单击上。但是,如何将上下文菜单设置为左键单击?

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'));

这是一个片段。

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

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

我哪里错了吗?有什么想法吗?提前感谢!

您只需要添加带有onItemClick:的点击事件

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

这意味着当您单击列表项时,会在单击的项上显示上下文菜单。

代码段