igGrid ダブルクリックでセルの値を取得する

igGrid 上でダブルクリックをしたセルの値を取得する方法です。

igGrid では、ダブルクリックに対応するイベントを公開していません。よって、igGrid をアタッチする DOM 要素に対して、直接 JavaScript のダブルクリックイベントを登録します。

クリックしたセル(TD 要素)をもとに、igGrid.getElementInfo メソッドを利用してセルに関する情報を取得しています。その後、igGrid.getCellValue メソッドを利用してセルの値を取得しています。

$("#grid1").dblclick(function (event) {
    // event.target は TD 要素
    var info = $("#grid1").igGrid("getElementInfo", event.target);
    if (!info.column) {
        return;
    }
    var cellValue = $("#grid1").igGrid("getCellValue", info.rowId, info.column.key);

    console.log(cellValue);
});

リファレンス

• igGrid.getElementInfo メソッド
  • https://jp.igniteui.com/help/api/2019.2/ui.iggrid#methods:getElementInfo
• getCellValue メソッド
  • https://jp.igniteui.com/help/api/2019.2/ui.iggrid#methods:getCellValue