New to Telerik UI for ASP.NET Core? Start a free 30-day trial
Grouping Overview
The OrgChart enables you to group root nodes, or nodes that have the same parent. To group the nodes, set the GroupField configuration of the OrgChart. Pass the name of the data field that datermines the groups.
The following example demonstrates how to group the OrgChart nodes by the Group field.
Razor
@(Html.Kendo().OrgChart<TelerikMvcApp1.Models.OrgChartEmployeeViewModel>()
.Name("orgchart")
.GroupField("Group")
.DataSource(dataSource => dataSource
.Read(read => read.Action("Read", "Home"))
.Model(m =>
{
m.Id(f => f.ID);
m.ParentId(f => f.ParentID);
m.Name(f => f.Name);
m.Title(f => f.Title);
m.Avatar(f => f.Avatar);
m.Expanded(f => f.Expanded);
})
)
)