When true only filtered children of the group will be selected / unselected. GroupSelectsFiltered: Used when groupSelectsChildren=true. When selecting the group node independently of the children, it will appear in the set when calling api.getSelectedNodes(). When false, the group is selectable independently of the child nodes. When the node is selecting children, it will never appear in the selected set when calling api.getSelectedNodes(). The group will then display 'selected' when all children are selected, 'unselected' when none are selected and 'intermediate' when children have a mix of selected and unselected. GroupSelectsChildren: When true, selecting a group will have the impact of selecting all its children. This is controlled with the two grid properties groupSelectsChildren and groupSelectsFiltered. When doing grouping, you control what selecting a group means. When a callback is used and returns false, the grid assumes a checkbox is sometimes used and as such creates one To be clear, there is a slight difference between a callback returning false, and false value provided explicitly. When a checkbox visibility changes, the cells contents don't jump.Where a column has a checkbox for only some cells, the values will remain aligned.This is to ensure the following UX properties: However it will not be visible using CSS visibility: hidden. If the function returns false, a selection checkbox will still be created and in the DOM, Value is displayed, or if the column in question is the first column to show a checkbox for the first column only). the callback could be showing the checkbox depending on what To the row's data or the column positions (e.g. The callback is called when the Cell is drawn, and called again if there are any changes This allows dynamically setting whether a cell Grouping section for details on the group renderer.ĬheckboxSelection can also be specified as a function. To enable checkbox selection for groups, set the attribute 'checkbox' to true for the group renderer. You can set this attribute on as many columns as you like, however it doesn't make sense to have it in more than one To include checkbox selection for a column, set the attribute 'checkboxSelection' to true on the column definition. To get the selected nodes / rows from the grid, use the following API methods: When you query for the selected rows, there are two method types: ones that return nodes, and ones that return data items. This is explained in the section Client-Side Row Model. When you pass data to the grid, it wraps each data item in a node object. Use, for example, when you want checkbox selection or your managing selection from a custom component and don't want to select the row when the row is clicked. SuppressRowClickSelection: If true, rows won't be selected when clicked. By default the grid allows deselection of rows. once a row is selected, it remains selected until another row is selected in its place). SuppressRowDeselection: Set to true to prevent rows from being deselected if you hold down Ctrl and click the row (i.e. This is useful for touch devices where Ctrl and Shift clicking is not an option. Clicking a selected row in this mode will deselect the row. For example, if you click to select one row and then click to select another row, the first row will stay selected as well. RowMultiSelectWithClick: Set to true to allow multiple rows to be selected with clicks. 'multiple' allows multiple rows to be selected. 'single' will use single row selection, such that when you select a row, any previously selected row gets unselected. RowSelection: Type of row selection, set to either 'single' or 'multiple' to enable selection. Selecting a row and holding down Shift while clicking a second row will select the range.Ĭonfigure row selection with the following properties: Selecting a row will remove any previous selection unless you hold down Ctrl
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |