Planned
Last Updated: 02 Dec 2022 08:14 by ADMIN
Scheduled for 3.8.0 (07 Dec 2022)
Created by: NovaStor
Comments: 5
Category: TreeView
Type: Feature Request
8

Hi.

 

I'd like to request the ability to set the Enabled property on check boxes in the treeview.

 

For example, given a tree view with check boxes:


<TelerikTreeView Data="@StorageItems"
                 @bind-CheckedItems="@CheckedItems"
                 CheckBoxMode="TreeViewCheckBoxMode.Multiple"
                 CheckParents="true"
                 CheckChildren="true" />

I'd like to make the tree view read-only so the check boxes appear disabled and the user cannot check-mark or uncheck-mark them.

Thank you.

Unplanned
Last Updated: 12 Oct 2022 05:58 by Support ATT
I have a TreeView component and it has a horizontal scrollbar. I want to be able to drag an item and drop it in a location that is currently not in view. 
Unplanned
Last Updated: 17 Jun 2022 13:36 by Andy

I have a TreeView declared and bound to a hierarchical database table. I'd like to be able to Cancel the 'Check' function on any node where HasChildren == true. I don't mind the check box being visible, because I like the multiple check states of the Parent Nodes, but the user should be only able to actually check the nodes where HasChildren == false. Is there a way to cancel the check for those parent nodes?

Please forward the ticket as a feature request for TreeView. For example:

<TelerikTreeView Data="@Data" CheckParents="true"CheckOnClick="true"CheckChildren="false" AllowParentNodesCheck="false">

Unplanned
Last Updated: 05 May 2022 19:13 by Andrew
Created by: Andrew
Comments: 0
Category: TreeView
Type: Feature Request
1

The feature request is about introducing a configuration option about a delay to start the drag operation. Currently, the lack of such functionality causes unexpected drag clue appearance on double click. 

 

```
In my treeview the user can double-click to open an item or they can drag to reorganize the tree. When you double-click you can see the drag & drop initiates for the brief fraction of a second. Which is a confusing and unpleasant UX. It would be preferable if a drag & drop didn't initiate until the user dragged for 3-4 pixels from the mousedown location, as opposed to a single pixel. 

In general if there's a behavior like this that I would want to tweak, are there ways to adjust the control or override behaviors using Javascript? I used to do all sorts of stuff with the jQuery controls.

```

Completed
Last Updated: 28 Apr 2022 12:12 by ADMIN

The TreeView should automatically update when a change in data fields occur. Changes in the `ItemsField`, `HasChildren` are crucial to be tracked to allow easy manipulation of data in binding to hierarchical data. This request will fulfill the observable collection support of the TreeView.

---

ADMIN EDIT

Changes in the ExpandedField of the element have been previously handled in the TreeView. However, this has been a side effect of incorrect code in our component that was causing performance hit. We reviewed our component and how it could provide better coverage in user scenarios, so here are our steps:

- Implement tracking of data item changes with ObservableCollection, so that we could fully support binding to observable data - click the Vote and Follow buttons on the current page to raise the priority of this feature implementation and to get notified for status updates.



We've been evaluating a major change where the ExpandedItems to be controlled via parameter/state. So, we would really appreciate if you could share feedback whether this change would be good for your project and use case.

- Implementation of ExpandedItems in TreeView to substitute ExpandedField in the collection: https://feedback.telerik.com/blazor/1448095-expanded-items-handling-feedback-requested

We believe that the above steps are the way to go with the maturing of the TreeView component.

 

A workaround could be reinitializing the Data when you update the property of the item, that will force the treeview to update:

TreeViewData = new List<MyModel>(TreeViewData)

---

Unplanned
Last Updated: 08 Mar 2022 12:28 by Jan
Created by: Jan
Comments: 0
Category: TreeView
Type: Feature Request
1

Hi!

I can't find anything about validating drop targets. The only example in the demos checks the validity in the onDrop event. A bit late ...

Here are a few alternatives what will be useful for the TreeView to have:

1) new event OnDrag which fires when item is dragged over and dragged out of another item. Returns boolean indicating dropping is enabled. Requires a lot of roundtrips...

2) new properties of the TreeView items (DragType, DropTypes). Disables drop when DragType not in DropTypes.

3) a more generic DropZone component as in 2) which also could be used in TreeView templates.

 

https://chrissainty.com/investigating-drag-and-drop-with-blazor/ wrote an interesting article (sponsored by Telerik Blazor!) 

https://github.com/chrissainty/SimpleDragAndDropWithBlazor

Could be a inspiration for a generic DropZone component!

Best regards,
Jan

Completed
Last Updated: 09 Dec 2021 19:55 by ADMIN
Release 3.0.0
Created by: Marin Bratanov
Comments: 9
Category: TreeView
Type: Feature Request
18

Hi everyone,

We created this item to request your feedback on how you use the treeview binding with regards to the Expanded state of the nodes.

At the moment, the treeview updates the field in the collection when an item gets expanded or collapsed, and that makes it unique in the suite - the other data bound components do not alter their data source silently, and this is the general pattern we want to follow in order to have consistency across the board.

Thus, there are several approaches we are considering and we want to get your take on how you would find this most comfortable:

  • Keep the current situation where the treeview updates the ExpandedField in the Data silently [we would rather change it] - the Data collection gets changed automatically. To control an expanded item, prepare the data source accordingly.
  • Use the OnExpand event to get the item and its new state in order to update the collection yourself if needed. If you don't use the field for anything but to control the state of the treeview, you will not need to change anything. To control an expanded item, prepare the data source accordingly when providing it to the treeview. If you will be reusing the same data source with alterations, you may have to handle the event to sync the state between the treeview and the data.
  • Use an ExpandedItems collection [we are inclined to go with this approach at the moment] - this will be a collection that you can provide to the treeview separately from its data source, like the selected items in a grid. This will let you avoid an Expanded field in the data (which we believe may not be present in an actual database anyway) and you will be able to use business logic to determine which items to add/remove to that collection, this also includes nested levels, even added through load-on-demand.
Duplicated
Last Updated: 09 Nov 2021 20:14 by ADMIN
Created by: Florian
Comments: 1
Category: TreeView
Type: Feature Request
0

It would be great to be able to expand nodes dynamically by setting the expand property by code.

 


protected async Task OnItemClickHandler(TreeViewItemClickEventArgs e)
{
    var item = e.Item as TreeViewItem;
    item.Expanded = true;
}

Unplanned
Last Updated: 22 Sep 2021 07:48 by ADMIN
Created by: Christian
Comments: 6
Category: TreeView
Type: Feature Request
17
I would like to be able to optimize the rendering of the TreeView component with a feature similar to the Row Virtualization in the Grid.
Unplanned
Last Updated: 21 Sep 2021 08:57 by ADMIN
Created by: Support ATT
Comments: 0
Category: TreeView
Type: Feature Request
2
Expose an OnItemRender event, which is raised for each TreeView item. The args should allow setting a Class, that will be applied at the topmost element of the item itself.
Completed
Last Updated: 01 Sep 2021 12:25 by ADMIN
Release 2.27.0
Created by: Christian
Comments: 0
Category: TreeView
Type: Feature Request
3
I would like to have a node DoubleClick event for the TreeView.
Unplanned
Last Updated: 09 Jul 2021 10:12 by ADMIN
Created by: Aleksandr
Comments: 0
Category: TreeView
Type: Feature Request
7

Seems even having multiple selections we just can drag and drop items one by one, am I right? Basically having access to selected items & drop event I can code workaround & move them myself, but hope that we have it out of the box, do we?

Set TreeView selection type to multiple, select several items, try to drag, just one item will be dragged despite having several selected.

 

------------ADMIN EDIT--------------

A possible workaround can be implemented by using the OnDrop event when you have Multiple selected Items.

Completed
Last Updated: 15 Jan 2021 12:10 by ADMIN
Release 2.21.0
Created by: Rob
Comments: 1
Category: TreeView
Type: Feature Request
6

Add checkbox support at the node level.  Similar to...

 

https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes/

Unplanned
Last Updated: 11 Jan 2021 13:05 by ADMIN
Created by: Philip
Comments: 1
Category: TreeView
Type: Feature Request
8

Currently there does not appear to be a way to provide validation of the drag & drop action prior to the OnDrop hook. The result is that the user experience looks as if they are able to drag and drop nodes to places where they should not be able to based on custom logic. It appears there is some logic behind the scenes that provide an icon during the hover of the drag and drop action but the logic determining this icon is not extendable to my knowledge. What I'd like to be able to do is override or extend the logic determines on hover UI feedback of the drag and drop action.  Specifically, for my case, I would like to be able to validate with business logic if the drag and drop action is allowed prior to the OnDrop so invalid actions look something like the below picture. This picture from your demo site shows the feedback provided when you try to drag and drop a node onto itself. It shows a clear icon that suggest the action is not allowed but as I mentioned the logic to produce this result does not appear to be extensible.

 

Unplanned
Last Updated: 11 Jan 2021 13:04 by ADMIN
Created by: Philip
Comments: 0
Category: TreeView
Type: Feature Request
7
I would like to have an event that fires when the Drag operation starts. 
Completed
Last Updated: 18 Nov 2020 13:38 by ADMIN
Release 2.20.0
Created by: Erik
Comments: 7
Category: TreeView
Type: Feature Request
27
I need to be able to multiselect items in a treeview and drag n drop to reorder items.

(Same as RadTreeView AJAX component)
Completed
Last Updated: 27 Jun 2020 07:05 by ADMIN
Release 2.15.0
Created by: Erik
Comments: 2
Category: TreeView
Type: Feature Request
23

I need to be able to multiselect items in a treeview and drag n drop to reorder items.

(Same as RadTreeView AJAX component)

Completed
Last Updated: 16 Jun 2020 12:59 by ADMIN
Release 2.15.0
Created by: nonick
Comments: 4
Category: TreeView
Type: Feature Request
36

I would like a node click event exposed from the treeview.

At the moment, you need to use a template. Example and considerations are available in the following forum thread: https://www.telerik.com/forums/row-click-and-double-click-events#PQpO8DcbzkCArF3UqoLcWA.

Unplanned
Last Updated: 12 May 2020 10:05 by ADMIN
Created by: Peter
Comments: 7
Category: TreeView
Type: Feature Request
8

Hi,

 

Is there a plan to support lines between treeview items as available in radtreeview?

 

radTreeView1.ShowLines = true; radTreeView1.LineStyle = TreeLineStyle.DashDot;

 

Without this it is very confusing to the end user what the connections between open items are.

 

Regards,


peter

 

 

 

 

Completed
Last Updated: 13 Mar 2020 11:40 by ADMIN
Release 2.7.0
Created by: Datafyer
Comments: 6
Category: TreeView
Type: Feature Request
9

I have an extensive WPF background and so I naturally use ObservableCollection for virtually all UI type binding scenarios.

However I noticed that it seems the TreeView control doesn't seem to work when bound that way.
I switched the property to an array instead and it worked with no other modifications.