TreeView概述
TreeView是面向ASP的Telerik UI。网络核心一个专业级的UI库，包含 110+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。
Telerik UI的TreeView TagHelper和HtmlHelper的ASP。网络核心are server-side wrappers for the Kendo UI TreeView widget.
TreeView以传统的树状结构显示分层数据。
初始化TreeView
下面的例子演示了如何定义TreeView。
@(Html.Kendo().TreeView() .Name("treeview") .DataTextField("Name") .DataSource(dataSource => dataSource .Read(read => read .Action("Read_TreeViewData"， "treeview")))). < hierarchy -datasource> < hierarchy -model id="id"> Action("Read_TreeViewData"， "TreeView")" cache="true" /> 公共静态IList < HierarchicalViewModel > GetHierarchicalData () {var =新列表< HierarchicalViewModel >(){新HierarchicalViewModel () {ID = 1, ParendID = null, HasChildren = true, Name = "父项”},新HierarchicalViewModel () {ID = 2, ParendID = 1, HasChildren = true, Name = "父项”},新HierarchicalViewModel () {ID = 3, ParendID = 1, HasChildren = false, Name = "项目"},新HierarchicalViewModel () {ID = 4, ParendID = 2, HasChildren = false, Name = "项目"},new HierarchicalViewModel() {ID = 5, ParendID = 2, HasChildren = false, Name = "Item"}};返回结果;}公共IActionResult Read_TreeViewData(int?id) {var结果= GetHierarchicalData() .其中(x => id。HasValue吗?x.ParendID == id: x.ParendID == null) . select (item => new {id = item。ID, Name = item。名称，展开=项。展开，imageUrl = item。ImageUrl, hasChildren = item。HasChildren});返回Json(结果); }基本配置
下面的例子演示了TreeView HtmlHelper的基本配置，以及如何获取TreeView实例。
@(Html.Kendo(). treeview (). Name("treeview") . checkboxes (true) . draganddrop (true) . datatextfield ("Name") . dataSource (dataSource => dataSource . read (read => read . action ("Employees"， "treeview"))))