Question

我正在尝试为数据表标题中的图标创建自定义菜单。主要思想是为一个特定列显示此菜单（在图标点击上）这是我目前的代码：

{ 
  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。

如何为Webix数据表创建自定义标题菜单？

1 个答案: