图概述

图是的一部分面向ASP的Telerik UI。NET MVC一个专业级的UI库，包含 110+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。

免费下载试用版

Telerik UI Diagram HtmlHelper for ASP。NET MVCis a server-side wrapper for the Kendo UI Diagram widget.

图表以示意图的方式并根据特定的可视化技术表示信息。

• 图的演示页面

基本配置

1. 以JSON形式返回数据。

   public ActionResult _OrgChart(){返回Json(diagramdatareposiitory . orgchart ()， JsonRequestBehavior.AllowGet);}

2. 在视图中，配置Diagram以使用在前一步中创建的操作方法。

   @(Html.Kendo(). diagram (). name ("diagram") . dataSource (dataSource => dataSource . read (read => read . action ("_OrgChart"， "diagram") //指定动作方法和控制器名称).Model(m => m. children ("Items")) .Layout(l => l. type (DiagramLayoutType.Layered)))

功能和特性

• 数据绑定
• 编辑
• 布局
• 形状
• PDF导出
• 先进的出口

事件

您可以订阅所有的Diagram事件．有关基本Diagram事件的完整示例，请参阅演示如何使用图的事件．

引用现有实例

要引用现有的Kendo UI Diagram实例，请使用jQuery.data ()配置选项。一旦建立了引用，就使用图客户端API控制它的行为。

//将下面的代码放在ASP的Diagram之后。NET MVC声明。