Hello,

Please add support for sorting and filtering when the TreeList is data bound to a ExpandoObject. Currently these data operations throw an exception System.ArgumentException: Invalid property or field

TreeList REPL page with ExpandoObject

===

TELERIK EDIT: This public item was created as a bug and for both ExpandoObject and Dictionary support. However:

• This is a limitation, rather than a bug, so I am converting the item to a feature request. Dynamic data support needs to be explicitly implemented.
• The required implementation for ExpandoObject and Dictionary support is different, so we are focusing this item just on ExpandoObject, which the Grid already supports. There is another item about TreeList Dictionary support.
  

Please add support for sorting and filtering when the TreeList is data bound to a Dictionary. Currently this scenario throws a runtime exception:

Error: System.ArgumentException: Invalid property or field - 'Name' for type: Dictionary`2

Test page: https://blazorrepl.telerik.com/QGYqutaM03L3tMcr53

The TreeList renders its initial items expanded by default. However, if the Data collection is replaced, the new items will collapse.

The issue appears only when clearing the collection (or creating a new empty collection) and then adding the new items in it. If you create a new collection reference based on the current collection of items, there is no problem and the new items appear expended.

Reproduction: https://blazorrepl.telerik.com/wJEbcXvb207dv5vU11.

When a filter is applied with an empty value in one of the inputs within the Filter Menu, that input field no longer appears in the menu after filtering.

Currently, the TreeList CheckBox selection exposes an option to select the children if the parents are selected. Please also add support for CheckParents option similar to the one in the TreeView component. This will allow marking the parent as selected if its children are selected.

https://docs.telerik.com/blazor-ui/components/grid/selection/multiple#two-way-binding-of-selecteditems

Click the Preview button to load the example. Notice that the 3rd, 4th, and 5th rows are programmatically selected in the OnInitialized() method. Now, if you hold down the Shift key and click on the 6th row, instead of having the 3rd through 6th rows selected, we get the 1st through 6th row selected.

By design, the Shift + Click shortcut starts the selection from the last clicked row. If no click has taken place, the selection always starts from the first row. How to customize this?

For reference in Angular: https://www.telerik.com/kendo-angular-ui-develop/components/grid/api/SelectionDirective/

I would like the TreeList to support row virtualization. It will be useful when working with large data.

I would like to start the tree grid with all rows collapsed. At the moment I can do this only through load on demand.

*** Thread created by admin on customer behalf ***

I am using the Drag'N'Drop functionality of the Blazor TreeList and since the update to version 5.0.0 I cannot determine the destination component anymore, because the event argument parameter "DestinationComponentId" is always empty. I have assigned the ID of my TreeList components and everything worked well with version 4.6.0.

It does not matter whether I drag Items around within the same component or try to move them to another TreeList. The parameter is also empty when I try to drag items from a Grid to a TreeList.

Hello,

Here is your code of the example "how to load hierarchical data on demand" with the option FilterMode = "@ TreeListFilterMode.FilterMenu"
As you can see if we click on a node the whole hierarchy disappears. if you remove this option all work fine

 

@* this sample shows how to load hierarchical data on demand and one way of handling no data being returned. Depending on your models and data logic you may have to tweak some checks, review the code comments for details.

*@

<TelerikTreeList Data="@Data"
                 ItemsField="@(nameof(Employee.DirectReports))"
                 HasChildrenField="@(nameof(Employee.HasChildren))"
                 OnExpand="@OnExpandHandler"
                 Pageable="true" Width="550px" Height="400px" FilterMode="@TreeListFilterMode.FilterMenu" >
    <TreeListColumns>
        <TreeListColumn Field="Name" Expandable="true" Width="220px" />
        <TreeListColumn Field="HireDate" Width="120px" />
    </TreeListColumns>
</TelerikTreeList>

@code {
    public List<Employee> Data { get; set; }

    // load on demand through the event
    async Task OnExpandHandler(TreeListExpandEventArgs args)
    {
        Employee item = args.Item as Employee;
        if (item.HasChildren && // it is marked as having children
            (item.DirectReports == null || item.DirectReports.Count == 0) // there are no child items
            )
        {
            // request data
            var children = await GetChildren(item);

            if (children.Count > 0)
            {
                // child items exist - add them to the current item
                item.DirectReports = children;
            }
            else
            {
                // no nested data - hide the expand arrow
                item.HasChildren = false;
            }
        }
    }

    async Task<List<Employee>> GetChildren(Employee itm)
    {
        await Task.Delay(400); // simulate delay. Remove for a real app

        List<Employee> data = new List<Employee>();

        // to showcase an example of when no actual child items are returned
        // we will check for too long nesting chain with this simpe logic
        if (itm.Name.LastIndexOf("Child of") < 15)
        {
            data.Add(new Employee
            {
                Name = "Child of " + itm.Name,
                HasChildren = true
            });
        }

        return await Task.FromResult(data);
    }

    // sample model

    public class Employee
    {
        // hierarchical data collections
        public List<Employee> DirectReports { get; set; }
        public bool HasChildren { get; set; }

        // data fields for display
        public string Name { get; set; }
        public DateTime HireDate { get; set; }
    }

    // initial data generation

    protected override async Task OnInitializedAsync()
    {
        List<Employee> data = new List<Employee>();
        for (int i = 0; i < 6; i++)
        {
            data.Add(new Employee
            {
                Name = $"root: {i}",
                HireDate = DateTime.Now.AddYears(-i),
                HasChildren = true
            });
        }

        // mark an item as non-expandable (not having children)
        data[1].HasChildren = false;
        data[1].Name += "(not expandable) ";

        Data = data;
    }
}

It would be nice to have the same capabilities for working with TreeList columns as in the ColumnMenu for Grid. Espesially columns chooser. 

When I add a child to a node in the TreeList it would not render until I expand or collapse that node.

I would like a feature that exposes the same behavior as the CheckParents in the TreeView. 

I'd like to prevent the user from dropping a column at a certain position when reordering. Please expose an OnColumnReorder that I can cancel to stop the reordering operation in this case.

I am using the TreeList component with hierarchical data. The CheckBoxList allows filtering only by the root items, however, I want it to be hierarchical to support filtering by child records as well. 

Currently, the DisplayFormat attribute is applied only to the values displayed in the Grid, while the checkbox list filter options remain unaffected by this formatting.

The DisplayFormat attribute should also impact the checkbox list options, providing consistent formatting across the entire Grid.

Please add TreeList Export to Excel

Regards

Andrzej

Would it be possible to have the ability to create compact TreeList's similar to how we can now in a Grid? Since Size=ThemeConstants.Grid.Size.Small is available a Grid now it seems natural this would be a next step. If we can be provided with a work around for the time being that would be great.

Columns, which are added to the TreeList after the initial load, are not resizable.

I'm working on TreeList. Some of my columns will be rendered after the initial loading. I checked the code, seems you just set up column render right after the first time TreeList Header rendered. Mean the columns that will be rendered after the first-render time will not be resizable.

I'm using Telerik TreeList. I'm so happy that it supports Drag&Drop. But, if there are too many items on the list, it is really hard to drag an item from the top to the end of the list. The TreeList doesn't scroll the list automatically (Auto Scroll) when I drag an item to the edge of the TreeList.