kendoOrgChart
Namespace: Wisej.Web.Ext.Kendo
Assembly: Wisej.Web.Ext.Kendo (4.1.0.0)
The Kendo UI for jQuery OrgChart allows you to view and interact with organizational structures. The component provides the possibility to easily visualize hierarchies.
- C#
- VB.NET
public class kendoOrgChart : kendoBase
Public Class kendoOrgChart
Inherits kendoBase
Constructors
kendoOrgChart()
Constructs a new instance of the kendoOrgChart class.
Example:
The following example creates an organizational chart and assigns its nodes through the Options property.
var orgChart = new kendoOrgChart();
orgChart.Options.dataSource = new object[]
{
new { id = 1, name = "Jane Miller", title = "CEO", expanded = true },
new { id = 2, name = "John Smith", title = "CTO", parentId = 1 },
new { id = 3, name = "Laura White", title = "CFO", parentId = 1 }
};
orgChart.Dock = DockStyle.Fill;
this.Controls.Add(orgChart);
kendoOrgChart(options)
Constructs a new instance of the kendoOrgChart class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a read-only organizational chart bound to a flat list of employees linked through the parentId field.
var orgChart = new kendoOrgChart(new
{
editable = false,
dataSource = new object[]
{
new { id = 1, name = "Jane Miller", title = "CEO", expanded = true },
new { id = 2, name = "John Smith", title = "CTO", parentId = 1, expanded = true },
new { id = 3, name = "Paul Green", title = "Developer", parentId = 2 }
}
});
orgChart.Dock = DockStyle.Fill;
this.Controls.Add(orgChart);