2017-10-04 17 views
0

私のWebixデータテーブルの列の2つに、異なるテキストの下にあるセルにボタン(テンプレートとして定義)があります。私の要件は、クリックしたときにボタンのテキストに基づいて何らかのアクションを実行することです。Webixデータシートセルの内容をonItemClickイベントから探す必要があります

今のところ、私は、onItemClick:function(e、id、node)の助けを借りて行と列の交差情報を表示している警告メッセージを表示しています。ヘッダ「コメント」や「理由」は、それぞれテキスト「display_msg_1」と「display_msg_2」とのボタンを持っているとhttps://webix.com/snippet/06bd7631

最後の2列:

私はここに私の問題のスニペットを作ってきました。 警告メッセージがクリックされると、対応するボタンテキストを警告メッセージに表示する必要があります。また、ボタンを持つ以外のセルがクリックされた場合、onItemClickイベントは機能しません。これは最終的な目的です。現在、クリックされたときに、どのセルにもアラートが送信されます。

このシナリオでボタンテキストを取得するにはどうすればよいですか。

ありがとうございました。代わりに、全体の部品にonItemClickハンドラを取り付ける

答えて

2

、あなたが特定の要素ここ

チェック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ハンドラをユニークなCSSクラスにマップするコンポーネントのconfig内でオンにする

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