New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
ASP.NET MVC OrgChart Overview
The Telerik UI OrgChart HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI OrgChart widget.
The OrgChart is a flexible organizational chart component designed to represent a structure of an organization. The OrgChart can illustrate the hierarchy in a company, department, team, or other hierarchical structures.
Basic Configuration
The following example demonstrates the basic configuration of the OrgChart component.
Razor
@(Html.Kendo().OrgChart<TelerikMvcApp1.Models.OrgChartEmployeeViewModel>()
.Name("orgchart")
.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);
})
)
)
Functionality and Features
- Binding—You can bind the OrgChart to local or remote data.
- Editing—The OrgChart provides a built-in editing functionality, which is enabled by default.
- Grouping—The OrgChart enables you to group root nodes or nodes that have the same parent.
- Templates—The OrgChart allows you to customize its nodes and group headers by using Kendo Templates.
- Accessibility—The OrgChart is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.