onItemClick 이벤트에서 Webix 데이터 테이블 셀의 내용을 찾아야합니다.

Question

내 Webix 데이터 테이블 열 중 두 개에 다른 텍스트가있는 셀의 단추가 있습니다 (템플릿으로 정의 됨). 내 요구 사항은 클릭 할 때 버튼 텍스트를 기반으로 일부 동작을 수행하는 것입니다.

이제 간단히 말해서, onItemClick : function (e, id, node)의 도움으로 행과 열의 교차 정보를 표시하는 경고 메시지가 표시됩니다. 헤더 "댓글"과 "이유"각각 텍스트 "display_msg_1"와 "display_msg_2"와 버튼을 겪고와 https://webix.com/snippet/06bd7631

마지막 두 열 :

여기 내 문제의 조각을 만들었습니다. 클릭하면 경고 메시지에 해당 버튼 텍스트를 표시해야합니다. 또한 단추를 사용하는 것과 별개로 다른 셀이 궁극적 인 목적 인 경우 onItemClick 이벤트가 작동하지 않아야합니다. 현재 클릭하면 모든 셀에 경고가 표시됩니다.

이 시나리오에서 어떻게 단추 텍스트를 얻을 수 있습니까?

감사합니다.

Answer 1

대신 전체 구성 요소에 onItemClick 처리기를 부착, 당신이 특정 요소

확인 여기 https://webix.com/snippet/6c28d3c7

에 대한 클릭 핸들러를 정의 할 수 있습니다, 나는 다음

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

같은 HTML 버튼의 코드를 변경

보시다시피, 각 버튼마다 고유 한 CSS 클래스 이름이 있습니다.

그 후에는 onClick opti 구성 요소의 config에서 핸들러를 고유 한 CSS 클래스에 매핑합니다.

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