I am using the TreeView component with draggable enabled. I don't think that the DragClue indicator is the most intuitive way to see where the drop target is. I would like to add a line to indicate where the drop target is. I attached some images showing what I am trying to achieve. I'd like to have a blue line/indicator showing when I am dropping a node between 2 other nodes, and I would like to highlight the target node when I am dropping a node on top of another node, like show in the attached screenshot.

Any ideas on how to achieve this would be appreciated!

Hello?

I'm currently refactoring our project from Angular.js to React.

In this process, I'm working on implementing the functionality of dragging and dropping rows from a grid to a treeview, which we used in the previous Kendo jQuery version. However, I couldn't find information about this feature.

While details about drag and drop between grids or within a treeview are available, it seems that drag and drop from a grid to a treeview has not been implemented yet?

Hi.

I have setup an example app with a Splitter component that devides the screen between a TreeView and a DataGrid component and setup a drag&drop scenario wher I am able to drag grid rows into the tree to add tree branches.

https://stackblitz.com/edit/vitejs-vite-k3wgr5?file=src%2FApp.tsx

If I want to use the drag handles in the Datagrid to drag a grid row onto the TreeView, the row vanishes under the left side of the Splitter window but I want to keep it visible when I drag it over the tree. I already had a similar issue a while ago and tried to use the same solution but it doesn't seem to work.

Can you help me out and show me how to keep the row visible while dragging it over the tree on the left?

Thanks,

Greetings,

Bernd

I have tried to implement TreeView with checkboxes from this url https://www.telerik.com/kendo-react-ui/components/treeview/checkboxes/ but checking is not working.

Any help please?

Input fields not accepting spaces inside the treeview component

any solution for this

Is there a way to get the treeview to work with multiple levels deep?

I've added an extra level here but it's not expanding:
https://codesandbox.io/s/nervous-dew-yw73lj?file=/app/main.tsx

Hi Team,

I need to build a treeview kind of feature where I can dynamically add child nodes .when user click parent node a button can be used to add child nodes.
Something like below attached snapshot. I surfed for examples but couldn't make out. Kindly share some reference to achieve this.

Hi,

can anyone help with this problem?

https://www.telerik.com/kendo-react-ui/components/treeview/expansion/expanding-all/

I need to expand all items by default  in treeview, but it does not work for nested hierarchy. I tried this example, but it does not work for nested json.

For example if i have sometnig like this, it does not show element 'a'?

const tree = [{
  text: 'Item1',
  items: [{
    text: 'Item1.1'
  }, {
    text: 'Item1.2',
    items:[{text:'Item a'}]
  }]
}, {
  text: 'Item2',
  items: [{
    text: 'Item2.1'
  }, {
    text: 'Item2.2'
  }]
}];

Hi,

can anyone provide example how to color text in treeview in react  according to  database response.

For example,if trans is equal to 10 all elements that have trans equal to 10 will be colored to red..

In this example 'Furniture' will be colored in color red, or if trans is equal to 30 'aaa' will be colored in blue for example