Maximum call stack size exceeded for few nodes in tree-view component

[Cyril Ovely]

Hi Team,

I am facing an issue with tree-view component. Where its throwing " Maximum call stack size exceeded" for few nodes (DSD&MEP, Intercompany) and not able to uncheck nodes as well using "unCheckAll" Btn. Please update what is going wrong with these nodes. 

Can you also help with adding titles(ToolTip) for all the tree-view nodes?

Please find the video and working sample also attached below.
TreeView-check (forked) - CodeSandbox

Regards,
Cyril Ovely.

Attachment: Maxstack_exceeded_error_in_Treeview_for_few_nodes_465e7700.zip

[Indhumathy Loganathan]

Hi Cyril,

Greetings from Syncfusion support.

We have validated your reported issue with the shared sample and are able to replicate the issue. The reported issue occurs in your sample due to the duplicate node ID. By default, TreeView nodes should have a unique id for each node. We have corrected the duplicated node(zzz) id value in the sample to resolve the issue. Please see the modified sample at the link below.

https://codesandbox.io/s/treeview-check-forked-x01gk2?file=/src/App.vue

Please try this changes at your end and get back to us if you need any further assistance.

Regards,

Indhumathy L

[Cyril Ovely]

Hi Indhumathy,

Thanks for your response. Can you also help with how to add tool-tip for all the tree-view nodes ?

Regards,
Cyril Ovely

[Indhumathy Loganathan]

Hi Cyril,

Yes, you can set native tooltips for all the TreeView nodes. TreeView component allows you to set tooltip options for tree nodes using the tooltip property in the fields settings. Check the below code snippet to meet your requirements.

dataSource: [

  ...

  {

    HierarchyID: "cf33c920-baaa-4160-9425-2e4fc9d75557",

    HierarchyCode: "11",

    HierarchyName: "DSD&MEP",

    HierarchyLevel: 1,

    ParentID: "11",

    hasChild: true,

    tooltip: "This is parent directory",

  },

  {

    HierarchyID: "2280101a-dac1-4c15-945f-9c9187a1ed2c",

    HierarchyCode: "12",

    HierarchyName: "ZZZ",

    HierarchyLevel: 2,

    ParentID: "11      11      ",

    pid: "11",

    tooltip: "This is child directory",

  },

],

Sample: https://codesandbox.io/s/treeview-check-forked-x01gk2?file=/src/App.vue:982-2813

Documentation: https://ej2.syncfusion.com/documentation/treeview/how-to/set-tool-tip-for-tree-nodes/#set-tooltip-for-treeview-nodes

Please check the modified sample and get back to us if you need any further assistance.

Regards,

Indhumathy L

[Cyril Ovely]

Hi Indhumathy,


Thanks for the response.


Regards,
Cyril Ovely

[Indhumathy Loganathan]

Hi Cyril,

Thanks for the update. Please let us know if you need any further assistance.

Regards,

Indhumathy L