Telerik UI for ASP。NET MVC?下载30天免费试用

分组概述

通过组织图,您可以对根节点或具有相同父节点的节点进行分组。要对节点进行分组,请设置GroupField组织图的配置。传递用于确定组日期的数据字段的名称。

属性对组织图节点进行分组,示例如下集团字段。

@(Html.Kendo(). orgchart () . name ("orgchart") . groupfield ("Group") . dataSource (dataSource => dataSource . read (read => read。行动(“读”,“家”)得(m = > {m.Id (f = > f.ID);m.ParentId(f => f. parentid);m.Name(f =>);m.Title(f => f. title);m.Avatar(f => f. avatar);f. expanded (f =>);}))
公共JsonResult读([DataSourceRequest] DataSourceRequest请求){列表< OrgChartEmployeeViewModel > data =新列表< OrgChartEmployeeViewModel >(){新OrgChartEmployeeViewModel () {ID = 1, Name = " Clevey Thrustfield”,Title =“首席执行官”,组=“首席执行官”,ParentID = null,扩大= true,《阿凡达》= " . . /内容/ web / orgchart /人/ 1. jpg”},新OrgChartEmployeeViewModel () {ID = 2,名称=“肖恩·拉塞尔,Title =“财务经理”,组=“首席官”,ParentID = 1,扩大= true,《阿凡达》= " . . /内容/ web / orgchart /人/ 2. jpg”},新OrgChartEmployeeViewModel () {ID = 3,名称=“安德鲁·贝瑞”,Title =“团队领导”,ParentID = 1 =“首席官”,扩大= true,《阿凡达》= " . . /内容/ web / orgchart /人/ 3. jpg”},新OrgChartEmployeeViewModel () {ID = 4, Name = " Dilyana纽曼,Title =“会计”,组=“会计师”,ParentID = 2,扩大= false,《阿凡达》= " . . /内容/ web / orgchart /人/ 4. jpg”}};返回Json(data, JsonRequestBehavior.AllowGet);}

另请参阅

在本文中
Baidu
map