Telerik UI for ASP。网络核心

ASP。NET核心树列表

  • 功能强大的ASP。网络核心TreeListcomponent to visualize hierarchical data with deep nesting capabilities, support for paging, sorting, filtering, flexible data binding, selection, templates and many other features.
  • 这个控件是用于ASP的Telerik UI的一部分。网络核心suite along with 110+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • 利用公共产品路线图、定期发布、广泛的学习资源和优秀的技术支持团队,管理每个项目并相应地计划开发时间。
Telerik UI for ASP。NET核心套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    用于ASP的Telerik UI。NET核心树列表is a data management component, in many aspects similar to the Grid, but providing the option to visualize and manage hierarchical data. It comes with many valuable built-in features, including paging, sorting, filtering, data editing, drag and drop, various export options and more. The component can be used in many scenarios, for example to list all employees of a company and group them under their managers, representing the organizational hierarchy.

    请看ASP。网络核心TreeListdemo

    Telerik UI for ASP。NET核心树列表概述
  • 数据绑定

    ASP。网络核心TreeListcomponent supports binding to various endpoints. You can configure it for lazy loading to make AJAX requests upon loading child nodes, sorting or filtering. You could also use the DataSource component to bind the control to static arrays, dynamic objects, local or remote data, OData or even SignalR.

    了解更多关于TreeList的数据绑定

    Telerik UI for ASP。网络核心数据绑定
  • 选择

    TreeList组件带有20多个内置主题,比如Default(我们自己的样式)、Material(基于材质设计指南)和Bootstrap(类似于Bootstrap样式以更好地集成)。您可以轻松地自定义任何可用的主题,只需几行CSS或创建一个新的主题,以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序。

    Telerik UI for ASP。NET核心树列表Checkbox Selection
  • 过滤

    用户还可以使用列筛选器选项为每列应用多个筛选操作数。或者,用户可以通过将Filterable->Mode属性设置为row来利用筛选器行功能。根据数据类型,过滤行将在底层列中呈现,并使用相应的编辑器,如字符串值的TextBoxes,数值值的NumericTextBoxes,日期值的DatePickers或用户定义的模板。

    参见TreeList筛选器行演示
    Telerik UI for ASP。NET核心树列表过滤器Row
  • 编辑

    用于ASP的Telerik UI。NET核心树列表comes with built-in editing functionality that can be implemented by setting the model and configuring the transport. Users can edit data in the TreeList in three different ways:

    • 内联编辑将整个行置于编辑模式,并允许您修改其中任何单元格的内容
    • InCell编辑只将选定的单元格置于编辑模式
    • 弹出编辑组件是否显示一个弹出式表单,包含当前记录的所有值
    005 - treelist -批量编辑
  • 为了获得最终的用户体验,有几个选项可用于操作列:
    • 重新排列列:将列拖放到您想要的位置
    • 调整列的大小:以适合和显示您想要的数据
    • 冻结列:始终保持重要信息的视线
    • 命令列:显示命令而不是数据(例如,启动编辑、保存或其他自定义数据操作的按钮)
    查看TreeList列调整而且列重新排序演示
  • 列菜单

    TreeList的列菜单提供了一个内置选项来显示包含列操作的菜单,例如:
    • 按升序或降序对数据进行排序
    • 选择显示哪些列,隐藏哪些列
    • 对一个或多个列应用多个筛选器,以从显示的数据中提取所需的信息
    探索ASP。网络核心TreeList列菜单
    Telerik UI for ASP。NET核心树列表- Column Menu
  • 拖放

    当可编辑时,用户可以拖放树列表项。Move属性被设置为true。它们可以在TreeList的所有层次结构级别上重新排列行顺序,因为当这种更改被注册时,组件将在内部更新parentId字段。

    请看ASP。网络核心TreeList拖放demo

    Telerik UI for ASP。NET核心树列表Drag & Drop
  • 搜索面板

    有时TreeList组件中的数据可能很大,用户需要一种简单的方法来定位他们正在寻找的内容。这就是为什么我们在表格上方添加了一个搜索框。

    搜索面板功能允许在TreeList中轻松定位特定记录。输入您要查找的内容将过滤TreeList中的记录,并显示所需的信息以及层次结构中的相关项。该特性允许配置应该包含在搜索命令中的树列表字段。

    参见Telerik UI的ASP。NET核心树列表搜索面板demo

    Telerik UI for ASP。NET核心树列表- Search
  • 多列标题

    TreeList的多列标头特性允许您将多个列标头堆叠在一个公共父标头下,以便为最终用户可视化地对相关字段进行分组。公共标头反过来可以是另一个上部的multicolumcolumn标头的子标头,该标头也可以跨列和其他标头。例如,您可以设置一个名为“个人信息”的顶级公共标头,在该标头下可以定义LastName、Phone和另一个名为“位置”的公共标头,该标头将多个相关列分组,如国家、城市等。
    003 - treelist -多-列标头
  • 行模板

    TreeList行模板为样式化行外观提供了灵活的自定义。除了文本和数字之外,您还可以添加图像、图标和其他元素,以实现完全控制和自定义数据外观。TreeList包括RowTemplate和AltRowTemplate,以便您可以为树列表的行交替呈现不同的内容。
    Telerik UI for ASP。NET核心树列表行模板
  • 聚合

    TreeList组件使您能够可视化每个层次数据的聚合结果。内置的聚合函数包括Count、Sum、Average等,可以显示在每个组脚中。

    Telerik UI for ASP。NET核心树列表- Aggregates
  • 客户端分页

    处理大型数据集可能会让人不知所措。这就是为什么TreeList组件允许客户端分页。您可以通过配置Pageable设置和预定义每页显示的项来启用分页,但是用户仍然可以根据自己的方便进行更改。
    treelist-paging
  • 剃刀页面中的树列表

    TreeList是许多用于ASP的Telerik UI之一。网络核心controls that are supported in both MVC and Razor Pages applications. In the Razor Page scenario, you can set up the TreeList component bindings through configuring the CRUD (Create, Read, Update, Delete) methods of its DataSource instance. To learn more about plugging ASP.NET Core components in Razor Pages, check out the文档文章或访问Razor Pages示例在我们的GitHub项目库中。
  • 持续状态

    使用TreeList状态管理特性,您可以轻松地保存用户与组件交互时的首选项和设置,并在用户重新登录时恢复它们。保存用户首选项是使用getOptions方法实现的,并使用setOptions方法恢复它们。

  • 导出为PDF或Excel

    只需一行代码就可以启用TreeList内置PDF和Excel导出功能。轻松自定义导出的文件,以包括您需要的确切内容。

    Telerik UI for ASP。NET核心树列表- Export
  • 事件

    ASP。网络核心TreeListfires different events, depending on how the user has interacted with the component. Some events are related to data management, such as OnEdit, OnUpdate and OnDeleteand others to visibility, such as OnExapnd and OnCollapse. The full list of events supported by the TreeList component is available在API。
    Telerik UI for ASP。NET核心事件
  • 全球化与本土化

    ASP。网络核心TreeListsupports globalization and localization and is designed to work in different cultures and respond to their requirements for number, date and time, currency, week and month formats.
    Telerik UI for ASP。网络核心Globalization Localization
  • 可访问性

    在任何应用程序中,可访问性都是一个大问题。用于ASP的Telerik UI。NET核心树列表component complies with Section 508 and WCAG guidelines out of the box, ensuring anyone can navigate the component’s UI.

    Telerik UI for ASP。网络核心可访问性
  • 键盘导航

    TreeList支持开箱即用的键盘导航。请参阅演示页面有关如何使用直观的键盘快捷键导航组件的详细信息。

    Telerik UI for ASP。网络核心Keyboard navigation
  • TreeList主题

    TreeList组件带有20多个内置主题,比如Default(我们自己的样式)、Material(基于材质设计指南)和Bootstrap(类似于Bootstrap样式以更好地集成)。您可以轻松地自定义任何可用的主题,只需几行CSS或创建一个新的主题,以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序。

所有的ASP。网络核心Components

开始波浪

下一个步骤

发射演示

ASP请参阅Telerik UI。网络核心in action and check out how much it can do out-of-the-box.

比较价格

看看这些优惠。购买一个单独的套房,或犒赏自己一个我们的捆绑。

下载免费试用

试试Telerik UI for ASP。网络核心with dedicated technical support.

Baidu
map