Webix数据表单元格内的按钮

Question

我需要在我的Webix数据表中创建一列按钮.我可以自定义一个简单的html按钮,如下所示:

webix.ui({
  view:"datatable",
  columns:[
    . . .
    { id: "button1", 
      template: "<button class='custom_css'>Click Me!</button>", 
      width:70 }    
  ],
  onClick:{
    button1: function(ev, id){
       . . .
    }
  }
});

但毕竟它并不像我想的那么方便.

我想知道是否有另一种方法可以做这样的事情？

Answer 1

您可以将按钮定义为活动元素。它为您提供全功能按钮，无需任何 html 首选项，如下所示：

1. 通过其将 ActiveContent 模块添加到视图中name

   webix.protoUI({ name:'activeTable'}, webix.ui.datatable, webix.ActiveContent );
   

2. 定义你的按钮：

   webix.ui({
     id:'table1',
     view:"activeTable", 
     data:grid_data,   
     columns:[
       . . .
       { id: "button", template: "{common.yourButton()}" }
     ],  
   
     activeContent: {
       yourButton: { 
         id:"button1",
         view:"button", 
         label:"Click", 
         width: 70,           
         height:30,          
         click:function(id, e){ . . . }
       },
     },
   
   });
   

您可以检查代码片段： http ://webix.com/snippet/3539bb9a