2017-10-04 19 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") 
    } 
} 
相關問題