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首选项如下：

通过name

将ActiveContent模块添加到视图中

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

定义按钮：

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

Webix数据表单元格内的按钮

1 个答案: