Webix 数据表单元格内的按钮答案

【问题标题】：Button inside Webix datatable cellsWebix 数据表单元格内的按钮
【发布时间】：2015-11-09 14:46:25
【问题描述】：

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

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

但毕竟没有我想的那么方便。

我想知道是否还有其他方法可以做到这一点？

【问题讨论】：

标签： button datatable webix

【解决方案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){ . . . }
    },
  },

});

你可以检查sn-p： http://webix.com/snippet/3539bb9a

【讨论】：

如何从点击处理程序访问按钮所在的行？换句话说，你怎么知道点击了表格中的哪个按钮（每行一个）？到目前为止，这个示例还没有实际的用例，因为当您为每行添加一个按钮时，您想知道点击了哪个行。
此解决方案不再起作用@Shere。你能更新一下sn-p吗？它导致脚本错误。