Telerik UI for ASP。NET MVC

ASP。NET MVC TreeList

  • 使用功能强大的ASP可视化分层数据。NET MVC TreeListcomponent and benefit from deep nesting capabilities, support for paging, sorting, filtering, flexible data binding, selection, templates, and more.
  • 该控件是Telerik ASP的一部分。NET MVCsuite along with 110+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast.
  • 通过我们详细的文档、现场演示、在线技术培训和优秀的支持团队,实现快速有意义的结果。
Telerik UI for ASP。净MVC套件
美国国家航空航天局(Nasa)签证,微软 福克斯、三星、IBM 世界银行集团,沃尔沃
  • 概述

    ASP。NET MVCTreeListis a data management component with similar functionalities to the Grid component. In addition to the built-in paging, sorting, filtering, data editing and various export options, the TreeList provides the option to display self-referencing data in a user-friendly manner by combining the features of a Grid and a TreeView. The component is suitable for a wide range of use case scenarios, for example displaying and managing organizational structures and grouping employees under their managers.

    参见Telerik UI的ASP。NET MVC树列表正在运行

    Telerik UI for ASP。NET MVC TreeList概述
  • 数据绑定

    使用DataSource组件将TreeList控件绑定到静态数组、动态对象、本地或远程数据甚至SignalR集线器。的内置的AJAX绑定在ASP中特别有用。净MVC场景。

    Telerik UI for ASP。NET MVC数据绑定
  • 滚动

    TreeList内置了默认启用的滚动功能。但是,为了保证滚动条的呈现,您应该为垂直滚动定义组件的高度,或者为水平滚动定义所有列的宽度。


  • 过滤

    如果您不喜欢使用Column菜单,您可以在ASP. xml的标题中启用筛选器行。NET MVC树列表,设置它的可过滤属性为row。根据列数据类型,筛选器行显示字符串、数字或日期输入的适当筛选器类型,以及可用筛选器操作数的列表,如“开始于”、“包含”、“等于”等。

    Telerik UI for ASP。网络核心TreeList过滤器Row
  • 编辑

    可以用几种不同的方式编辑TreeList中的数据:
    • 内联编辑允许您修改所选行的任何单元格的内容。
    • InCell编辑将突出显示的单元格置于编辑模式。
    • 弹出编辑显示一个弹出式表单,其中包含当前条目的所有值,并允许您编辑它们。
    Telerik UI for ASP。NET MVC TreeList- Edit
  • TreeList组件具有三个列选项。前两个是重新排序和调整大小,允许用户根据个人喜好组织数据并对项目进行排序。第三个选项允许冻结窗格,以便在任何时候都能看到重要信息。

    探讨了ASP。NET MVC TreeListColumn重新排序调整而且冻结窗格选项
  • 多列标题

    当用户打算显示树列表的多级标题作为特定类别或组的一部分时,多列标题将发挥作用。这为您提供了定义跨多个子列的列的选项。

    003 - treelist -多-列标头
  • 列菜单

    用于ASP的Telerik UI。NET MVC TreeListfeatures a Column menu that allows users to organize common data commands, such as sort data (in ascending or descending order), hide and unhide columns and apply multiple filters on the data within each column.

    查看用于ASP的Telerik UI。NET MVC树列表列菜单
    Telerik UI for ASP。NET MVC TreeList- Column Menu
  • 行选择

    TreeList支持两种类型的行选择:

    • 行选择可以通过将Selectable属性设置为true轻松启用。
    • 行复选框选择可以使用树列表中可选择列的定义进行配置,该定义将自动添加一个复选框列作为第一列。此外,还可以定义对行的选择是否包括其所有后代。
    Telerik UI for ASP。网络核心TreeListCheckbox Selection
  • 拖拽

    用户可以通过将它们拖放到层次树的所需级别(同一级别、父级或子级)轻松地对TreeList行进行重新排序。执行此操作时,树列表将自动更新该项的parentId字段。

    玩ASP。NET MVC TreeListDrag & Drop feature in this demo

    Telerik UI for ASP。NET MVC TreeListDrag & Drop
  • 行模板

    TreeList行模板为样式化行外观提供了灵活的定制选项。你可以渲染任何东西,从纯文本到图像、图标、链接按钮和格式化的多行描述。

    Telerik UI for ASP。NET MVC TreeList行模板
  • 搜索面板

    在处理大型数据集时,用户需要一种简单的方法来查找他们需要的信息。内置在TreeList表头中的Search Box允许用户筛选数据并仅定位相关记录。
    Telerik UI for ASP。NET MVC TreeList- Search
  • 客户端分页

    该特性旨在帮助处理树列表中的大型数据集。它目前专门用于客户端,这意味着所有的数据都加载在客户端上,但这个新特性应该在性能方面有很大帮助。

    treelist-paging
  • 聚合

    Telerik TreeList扩展ASP。NET MVCenables you to display aggregates in the column footer cells, such as sum, count, average, etc.

    Telerik UI for ASP。NET MVC TreeList聚合demo

    Telerik UI for ASP。NET MVC TreeList- Aggregates
  • TreeList持续状态

    TreeList状态管理使您能够保存用户的首选项和设置,并在以后需要时恢复它们。这可以使用公开的getOptions和setOptions方法来实现。

    了解更多关于ASP。NET MVC TreeListState Persistence in this demo
  • 事件

    ASP。NET MVCTreeListfires different events, depending on how the user has interacted with the component. Some events are related to data management, such as OnEdit, OnUpdate and OnDelete, and some to visibility like OnExapnd and OnCollapse. The full list of events supported in the TreeList component is availableAPI中
    Telerik UI for ASP。净MVC事件
  • 导出到Excel和PDF

    将TreeList控件的全部内容导出到PDF和Excel文件。您可以使用户自定义导出的文件,以包含他们需要的确切内容。

    在我们的文档中了解如何将多个树列表导出到Excel

    Telerik UI for ASP。NET MVC TreeList- Export
  • 全球化和地方化

    ASP。NET MVCTreeListsupports globalization and localization as features and is designed to respond to different cultures’ requirements for number, date and time formatting, currency, week and month names.

    更多信息请参见树列表本地化
    Telerik UI for ASP。NET MVCGlobalization Localization
  • 可访问性

    Telerik TreeList非常适合可访问性对应用程序非常重要的场景。控制符合第508节而且WCAG 2.1指导方针,确保残疾人仍然可以查看并与之互动。

    Telerik UI for ASP。NET MVC可访问性
  • 键盘导航

    ASP。NET MVCTreeListsupports keyboard navigation, meaning users can use their keyboards to navigate the component and perform actions both in the component’s header and the data table itself.

    Telerik UI for ASP。NET MVCKeyboard navigation
  • TreeList主题

    在组件自带的20多个内置主题和色板的帮助下,您可以设置树列表的样式。探索默认(我们自己的样式),材料(基于材料设计指南)和引导(类似于引导样式,以更好地集成)主题,并选择最适合您的应用程序的样本。控件可以轻松地使用几行CSS自定义可用的主题,或者使用进度SASS ThemeBuilder应用程序以满足客户的设计要求。
get-started-waves

下一个步骤

发射演示

参见UI的ASP。NET MVCin action and check out how much it can do out-of-the-box.

比较价格

查看优惠。购买一个单独的套房,或对待自己的一个我们的捆绑。

下载免费试用

尝试ASP的UI。NET MVCwith dedicated technical support.

Baidu
map