需要从 onItemClick 事件中找出 Webix 数据表单元格的内容

Question

我的两个 Webix 数据表列在下面的单元格中有不同文本的按钮（定义为模板）。我的要求是在单击按钮时根据按钮文本执行一些操作。

为了简单起见，截至目前，我正在显示一条警告消息，该消息在 onItemClick:function(e, id, node) 的帮助下将行和列的交集信息显示到其中。

我在这里摘录了我的问题：https://webix.com/snippet/06bd7631

header "Comment" 和 "Reason" 的最后两列分别具有文本 "display_msg_1" 和 "display_msg_2" 的按钮。单击它们时，我需要在警报消息中显示相应的按钮文本。如果除了单击按钮之外的任何其他单元格是最终目的，那么 onItemClick 事件也不应该起作用。当前，单击任何单元格都会发出警报。

请帮助我如何在这种情况下获取按钮文本。

谢谢。

Answer 1

您可以为特定元素定义点击处理程序，而不是将 onItemClick 处理程序附加到整个组件

勾选https://webix.com/snippet/6c28d3c7

这里，我把html个按钮的代码改成了next

<input type='button' class='btn1' value='display_msg_1' align='center'>
<input type='button' class='btn2' value='display_msg_2' align='center'>

如您所见，每个按钮现在都有唯一的 CSS class 名称

之后，可以在组件的配置中使用 onClick 选项将处理程序映射到唯一的 CSS classes

onClick:{                         
    btn1:function(e, id, node){
        alert("button clicked row ="+id.row + " |col = "+id.column);
    },
    btn2:function(e, id, node){
        alert("message 2")
    }
}

需要从 onItemClick 事件中找出 Webix 数据表单元格的内容

Need to find out content of Webix datatable cell from onItemClick event

javascript

datatable

onitemclick

webix