ASP。. NET Core DropDownTree概述

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

免费下载试用版

Telerik UI的DropDownTree TagHelper和HtmlHelper网络核心are server-side wrappers for the Kendo UI DropDownTree widget.

DropDownTree表示分层数据的编辑器，以树状结构呈现，它提供多个选择选项和自定义节点。

• DropDownTree HtmlHelper的演示页面

• DropDownTree标签助手的演示页面

初始化DropDownTree

下面的示例演示如何定义DropDownTree。

@(Html.Kendo().DropDownTree() .Name("dropdowntree") .DataTextField("Name") .DataValueField("id") .DataSource(dataSource => dataSource .Read(read => read .Action("Read_DropDownTreeData"， "Home"))))

 < hierarchy -datasource>  < hierarchy -model id="id">      

公共静态IList < HierarchicalViewModel > GetHierarchicalData () {var =新列表< HierarchicalViewModel >(){新HierarchicalViewModel () {ID = 1, ParentID = null, HasChildren = true, Name = "父项”},新HierarchicalViewModel () {ID = 2, ParentID = 1, HasChildren = true, Name = "父项”},新HierarchicalViewModel () {ID = 3, ParentID = 1, HasChildren = false, Name = "项目"},新HierarchicalViewModel () {ID = 4, ParentID = 2, HasChildren = false, Name = "项目"},new HierarchicalViewModel() {ID = 5, ParentID = 2, HasChildren = false, Name = "Item"}};返回结果;}公共IActionResult Read_DropDownTreeData(int?id) {var结果= GetHierarchicalData() .其中(x => id。HasValue吗?x.ParentID == id: x.ParentID == null) . select (item => new {id = item。ID, Name = item。名称，hasChildren =项目。HasChildren});返回Json(结果);｝

基本配置

下面的示例演示了DropDownTree的基本配置。

@(Html.Kendo(). dropdowntree (). name ("dropdowntree") . items (dropdowntree => {dropdowntree. add()。Text("My Web Site") .SpriteCssClasses("folder") .Expanded(true) .Items(root => {root. add ().Text("images") .Expanded(true) .SpriteCssClasses("folder") .Items(images => {images. add ().Text("logo.png") .SpriteCssClasses("image");});root.Add().Text("resources") .Expanded(true) .SpriteCssClasses("folder") .Items(resources => {resources. add ().Text("pdf") .Expanded(true) .SpriteCssClasses("folder") .Items(pdf => {pdf. add ().Text("prices.pdf") .SpriteCssClasses("pdf");});resources.Add()。text (zip) .SpriteCssClasses(“文件夹”);});“about.html”root.Add()。text () .SpriteCssClasses(“html”);root.Add()。text (index . html) .SpriteCssClasses(“html”);}); }) )

功能和特性

下一个步骤

• 开始使用DropDownTree

• DropDownTree HtmlHelper的基本用法. NET Core (Demo)

• DropDownTree标签助手的基本用法. NET Core (Demo)

另请参阅

• 使用DropDownTree HtmlHelper的API。. NET Core (Demo)
• 知识库组