OrgChart

Example

Razor

<kendo-orgchart>
    <editable></editable>
    <group-header-template></group-header-template>
    <messages />
    <node-template></node-template>
    <orgchart-datasource></orgchart-datasource>
</kendo-orgchart>

ChildTags

Tag Name	Details
editable	OrgChartEditableSettingsTagHelper
group-header-template	TemplateTagHelper
messages	OrgChartMessagesSettingsTagHelper
node-template	TemplateTagHelper
orgchart-datasource	OrgChartDataSourceTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
cards-colors	String[]	An array of strings defining the cards top-border color for each level starting from the top level. If not set, the colors from the Kendo Chart series will be used.
datasource-id	String	The Id of the data source.
group-field	String	Specifies the field the nodes should be grouped by. If any value is passed, the OrgChart uses its grouping rendering mode.
group-header-template	String	Provides an option to customize the default template for the group label (using the field value and name by default).
group-header-template-handler	String	Provides an option to customize the default template for the group label (using the field value and name by default). This option expects the name of a JavaScript function that will be called to return the template.
group-header-template-id	String	Provides an option to customize the default template for the group label (using the field value and name by default). This option expects the ID of the script element that contains the template.
group-header-template-view	IHtmlContent	Provides an option to customize the default template for the group label (using the field value and name by default). This option expects the instance containing the created HTML.
on-cancel	String	The name of the JavaScript function that will handle the cancel event. Triggered when the user is about to cancel the changes for the currently edited node. Preventable.
on-change	String	The name of the JavaScript function that will handle the change event. Triggered when the selected node has been changed upon user interaction.
on-collapse	String	The name of the JavaScript function that will handle the collapse event. Triggered before a node has been collapsed upon user interaction. Preventable.
on-create	String	The name of the JavaScript function that will handle the create event. Triggered when a node is about to be created upon user interaction. Preventable.
on-data-binding	String	The name of the JavaScript function that will handle the dataBinding event. Triggered before the actual change in the dataSource occurs. Preventable.
on-data-bound	String	The name of the JavaScript function that will handle the dataBound event. Triggered after the dataSource change event has been processed (adding/removing/loading/editing items).
on-delete	String	The name of the JavaScript function that will handle the delete event. Triggered when a node is about to be deleted as of a consequence of user interaction. Preventable.
on-edit	String	The name of the JavaScript function that will handle the edit event. Triggered when a node is about to enter edit mode upon user interaction. Preventable.
on-expand	String	The name of the JavaScript function that will handle the expand event. Triggered before a node has been expanded upon user interaction. Preventable.
on-save	String	The name of the JavaScript function that will handle the save event. Triggered when the user attempts to save the current changes on the edited node. Preventable.
on-select	String	The name of the JavaScript function that will handle the select event. Triggered when the user attempts to select a new node or group of nodes (in grouped scenario). Preventable.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
template	String	Represents a collection of templates defined for the component.
template-handler	String	Defines a node card template. This option expects the name of a JavaScript function that will be called to return the template.
template-id	String	Defines a node card template. This option expects the ID of the script element that contains the template.
template-view	IHtmlContent	Defines a node card template. This option expects the instance containing the created HTML.