In TreeGrid, with checkbox row selection enabled, it is possible to select all the rows using a custom button click instead of the default column header checkbox. By calling the selectAllRows public method in the button click action, user can able to able to toggle between selecting and unselecting the rows in TreeGrid. Please find the code snippet below, <script> $(function () { var sampleData = [ //... ]; $("#TreeGrid").ejTreeGrid({ //... selectionSettings: { selectionType: ej.TreeGrid.SelectionType.Checkbox, selectionMode: ej.TreeGrid.SelectionMode.Row, enableSelectAll: true, enableHierarchySelection: true }, }); }); function selectAllRows() { var treeObj = $("#TreeGrid").ejTreeGrid('instance'); treeObj.selectAllRows(true); } </script> You can able to find the sample for this use case here. |
This page will automatically be redirected to the sign-in page in 10 seconds.