Treeview Child Sort Order

[Jason]

Hi all!

Does anyone have a way to quickly sort the Treeview child nodes of a Parent, say, in alphanumeric order?

Example:

Parent 1 - State 

     |____Texas

     |____Alabama

     |____New York

Kind regards,

Jason

[Sowmiya Padmanaban]

Hi Jason,  

 

Greetings from Syncfusion support. 

 

In TreeView component, we have sortOrder property. Using this property, you can sort the TreeView nodes in ascending and descending order based on your requirement. 

 

Please, refer the below code snippet. 

 

<SfTreeView @ref="tree" TValue="MailItem" SortOrder="SortOrder.Ascending"> 

    <TreeViewFieldsSettings TValue="MailItem" Id="Id" DataSource="@MyFolder" Text="FolderName" ParentID="ParentId" HasChildren="HasSubFolders" Expanded="Expanded"></TreeViewFieldsSettings> 

</SfTreeView> 

 

 

Please, refer the below sample link: https://www.syncfusion.com/downloads/support/forum/160038/ze/TreeView-755850040.zip 

 

Please, refer to the below links to know more about the TreeView component. 

 

UG Documentation- https://blazor.syncfusion.com/documentation/treeview/data-binding/#self-referential-data 

 

Demo link- https://blazor.syncfusion.com/demos/treeview/default-functionalities 

 

API reference- https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[Jason]

It works perfectly, thank you!!!

[Sowmiya Padmanaban]

Hi Jason,  

  

We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us. 

  

Regards, 

Sowmiya.P 

[BAx]

Is there a way to sort by a different property than the alphabetic content of the node?

Thanks

[Sowmiya Padmanaban]

Hi BAx,  

 

Currently, we don’t have any direct property to sort the TreeView node based on a different property other than alphabetic content. To achieve your requirement, you need to manually sort the nodes based on your requirement and assign the sorted data to the TreeView dataSource. 

 

This will re-render the TreeView component with sorted data. 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[BAx]

Ok so if I do not define the SortOrder in the TreeView the items order will reflect exactly the order in which they are provided?

[Keerthana Rajendran]

Hi BAx, 

The default value of SortOrder property is none which will update the TreeView node order based on the order of items in DataSource. As mentioned earlier, you can assign the manually sorted data as dataSource without assigning SortOrder property in your code. 

Regards, 

Keerthana. 

[BAx]

Perfect, thank you

[Keerthana Rajendran]

Hi BAx,  

 

Most welcome. We are glad that the provided suggestion helped you. Please get back to us if you need further assistance. 

 

Regards, 

Keerthana.