2017-10-04 20 views
0

我的两个Webix数据表列在下面的单元格中具有不同文本的按钮(定义为模板)。我的要求是在点击按钮文本时执行一些操作。需要从onItemClick事件中查找Webix数据表单元的内容

为了保持简单,截至目前,我正在通过onItemClick:function(e,id,node)的帮助显示一条警告消息,该消息显示行和列交叉点信息。

我做了我的问题在这里的一个片段:https://webix.com/snippet/06bd7631

最后两列标题“评论”和“理性”是分别具有与文字“display_msg_1”和“display_msg_2”按钮。 我需要在单击它们时在警报消息中显示相应的按钮文本。另外,如果除了点击按钮之外的其他单元格,onItemClick事件不应该起作用,这是最终目的。目前,单击时任何单元格都会发出警报。

请帮助我如何获得此方案中的按钮文本。

谢谢。

回答

2

相反onItemClick处理程序安装到整个组件,你可以定义单击处理程序,为特定元素

检查https://webix.com/snippet/6c28d3c7

在这里,我已经改变HTML按钮的旁边似

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

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

之后,可以使用onClick opti在组件的配置中将映射处理程序映射到唯一的CSS类

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