Hi,
We've noticed a significant difference in how the "Select All" checkbox functions in the Grid and TreeList when paging is enabled.
Our application uses both components, and users expect them to behave consistently. However, we’ve identified several issues:
1. Inconsistent User Expectations
In the Grid, "Select All" applies only to the current page.
In the TreeList, "Select All" applies to all pages, including hidden rows.
This inconsistency can confuse users who switch between these components, leading to unexpected behavior and frustration.
2. Confusing Bulk Actions
In the Grid, users understand that selections are limited to the visible page.
In the TreeList, users might unknowingly select thousands of records, potentially causing unintended bulk updates or performance issues.
3. Risk of Data Loss or Errors
Users assuming the TreeList behaves like the Grid might:
Select all rows, perform an action (e.g., delete or update), and unintentionally affect all pages instead of just the current one.
This can lead to accidental data loss or incorrect modifications.
We need a consistent approach to "Select All" behavior across both components to prevent confusion, errors, and performance issues.
Expected behavior
If "Select All" is checked, it should:
- Select all visible rows on the current page.
- Select all children of selected parents, even if those children are on other pages.
- Maintain selection when navigating to another page.
If it should be submitted as a bug, please let me know.
Provide the ability to customize the drag hint for the row reordering of the TreeList similarly to the available Grid feature:
It would be a useful feature if the TreeList had an isRowSelectable callback similar to the Grid.
https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection#disabling-the-selection-for-specific-rows
https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#isrowselectable
Expand the rows of the TreeList when filtering in order to reach the filtered value when nodes are collapsed.
The same is already available in the TreeView:
We would like to provide the same loading behaviour to our customers by displaying a custom loading spinner.
Therefore I request the feature for a "Angular TreeList Loading Template", like it is already available for kendoGrid.
Provide a built-in functionality for the TreeList that would allow binding the component to data with the following structure:
const data = [
{ path: ['node1', 'node2'], property1: value, property2: value },
{ path: ['node1', 'node2', 'node3'], property1: value, property2: value },
];
The structure provides particular paths for the leaf nodes (last children) that determine the hierarchy within the component and additional fields that correspond to the columns' definition of the component.
Hi Kendo Team,
Could you add a checkboxOnly functionality to the TreeList component selection SelectableSettings => checkboxOnly setting similar to the Grid component SelectableSettings:
https://www.telerik.com/kendo-angular-ui/components/grid/api/SelectableSettings/#toc-checkboxonly
Thank you.
Hi, Team!
I would like to request functionality that would allow the rendering of connection lines between the items of the TreeList. This would allow the better visualization of the parent-child relationships:
Hello Telerik Team,
I am currently using your TreeList Component with the CheckboxColumnComponent.
Unfortunately it is not possible to configure the CheckboxColumnComponent to show the indeterminate state of items in the checkboxes.
On further research I discovered, that your TreeView Component supports this feature.
The following Screenshot has the TreeView Component showing the indeterminate state of the Item "Furniture".
(Screenshot was taken from one of your own examples here: https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes/#toc-setup)
Comparing it with a TreeList that has checkboxes in the next screenshot, you can see that the parentitem with an indeterminate state, in this case the item with the name "examples", just shows an empty checkbox.
(Screenshot was taken from one of your own examples here: https://www.telerik.com/kendo-angular-ui/components/treelist/selection/#toc-checkbox-selection-of-child-rows)
Sadly i am not able to switch to the TreeView at this point in time, due to some conflicts this would create concerning my requirements for apearance and features of the application. Thats why i have the following question for you:
Would you consider adding this feature of showing indeterminate states to the CheckboxColumnComponent that is used in the TreeList Component in the future? Or do you have any advice on how to achieve this look similar to checkboxes from the TreeView in the TreeList?
Thank you in advance and best regards
F.Jung
The aggregates field is currently available only for kendoTreeListFooterTemplate:
https://www.telerik.com/kendo-angular-ui/components/treelist/aggregates/#toc-aggregating-flat-data
But in some scenarios, the aggregates need to be displayed inside the headers as well. Please provide the aggregates field in the kendoGridCellTemplate.
So far the only approach where this can be achieved is to use manual aggregation and some custom code:
<ng-template kendoTreeListCellTemplate let-dataItem>
{{dataItem.name}} - <strong> {{ data.aggregates.name.count }} employee(s)</strong>
</ng-template>
Currently, the TreeList allows users to move rows using drag and drop. However, the available programmatic intervention options are quite limited. There is only one event triggered after a row is dropped, which restricts our ability to perform specific actions at different stages of the drag and drop process. For example, we are unable to prohibit certain rows from being dropped. We have certain business rules on what items are allowed on which level. So, we need to check these rules before the drop occurs.
In contrast, the TreeView component provides greater control and flexibility in this regard, offering additional intervention points and events.
Could these additional events be added to TreeList in the same way as for TreeView? We would greatly benefit from this feature.
Provide an option to set a default value for the parentId field just like the defaultValue of the Kendo UI for jQuery TreeList:
https://docs.telerik.com/kendo-ui/api/javascript/data/treelistmodel/configuration/parentid
Thank you
Please provide built-in expandRow() and collapseRow() methods.
Thank you
Hi,
The current behavior allows adding of additional content, but the checkbox is always rendered inside. The behavior should be similar to the Grid as when the checkbox column is used with a cell template it doesn't render the checkbox inside the column. Example in Grid component:
https://stackblitz.com/edit/angular-44syd7?file=src%2Fapp%2Fapp.component.ts
<kendo-grid-checkbox-column>
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
My content
</ng-template>
</kendo-grid-checkbox-column>Thank you for your consideration.
Hi, Team!
As of now, the TreeList component does not have a designated property that allows the developers to modify its sizing. Similarly to the Grid, I would like to ask for the implementation of such a property.