ag-gridの行選択チェックボックスを追加する方法

Question

特別な列を設定せずに行ごとに行選択チェックボックスを表示する方法はありますか？私は、私のgridOptionsのプロパティを追加し、各行の近くにチェックボックスを表示し、選択されたすべての行を取得することを意味しますか？ 私が読んだすべてのドキュメントは、それを特定の列に追加する方法を示しています。

おかげで、

Answer 1

あなたはまだチェックボックス列をせずに行選択を持つことができます - あなたはどちらかだけで（カスタムセルレンダラーで）行の選択に基づいて選択をしている、またはそれのチェックボックスで列をレンダリングすることができます。

は、行選択の詳細については、 Selection Documentationを見てみましょう、そしてセルに関する Cell Rendering Documentationで私はこのポストに答えることが遅すぎる知っ

Answer 2

をレンダリングします。しかし、それはまだ解決策を探している人を助けるかもしれません。各行のチェックボックスの選択（チェックボックスを選択する行のどこかをクリック）、シフト/コントロール、および選択の切り替えを行います。ここで私は必要なコードだけを与えました。

vm.gridOptions = { 
    appSpecific : {}, 
    onRowClicked : onRowClicked, 
    onGridReady : function() { 
    let api = vm.gridApi = vm.gridOptions.api; 
    } 
}; 

function toggleSelect(row) { 
    row.node.setSelected(!row.node.isSelected(), false); 
} 


function onRowClicked(row) { 
    var appSpecific = vm.gridOptions.appSpecific; 
    var lastSelectedRow = appSpecific.lastSelectedRow; 
    var shiftKey = row.event.shiftKey; 

    // if not modifier keys are clicked toggle row 
    if (!shiftKey) { 
    toggleSelect(row); 
    } else if (lastSelectedRow !== undefined) { 

    if (shiftKey) { 
     var startIndex, endIndex; 
     // Get our start and end indexes correct 
     if (row.rowIndex < lastSelectedRow.rowIndex) { 
     startIndex = row.rowIndex; 
     endIndex = lastSelectedRow.rowIndex; 
     } 
     else { 
     startIndex = lastSelectedRow.rowIndex; 
     endIndex = row.rowIndex; 
     } 
     // Select all the rows between the previously selected row and the 
     // newly clicked row 
     for (var i = startIndex; i <= endIndex; i++) { 
     vm.gridApi.selectIndex(i, true, true); 
     } 
    } 
    } 
    // Store the recently clicked row for future use 
    appSpecific.lastSelectedRow = row; 
    getSelection(); // Implement functionality to get selected rows 
}