ag-gridのメモ

セルにボタンを配置

            cellRenderer: (params) => {
                const element = document.createElement('button');
                element.className = "btn btn-xs"
                console.log(params);
                // element.innerHTML = params.value;
                element.innerHTML = "詳細";
                element.addEventListener('click', () => {
                    // window.alert('クリックしたボタンは' + params.value + 'ボタンです。');
                    window.alert('工事中');
                });
                return element;
            }

rowがクリックされたとき

onRowClickedで設定することができる

  var gridOptions = {
      onRowClicked: yourMethod,
  };
new agGrid.Grid(eGridDiv, gridOptions);

rowがcheckされたとき

onRowClickedで設定することができる

var gridOptions = {
   onCheckboxChanged: yourMethod,  
};

new agGrid.Grid(eGridDiv, gridOptions);

すべてのrowをgetする

すべてのrowを取得するメソッドが用意されていないので、
自分で作成するかありません。

ちなみに以下が実装例

function getAllRows() {
    let rowData = [];
    gridOptions.api.forEachNode(node => rowData.push(node.data));
    return rowData;
}
タイトルとURLをコピーしました