界面控件DevExtreme Tree List组件——高性能的客户端树视图-控件新闻-慧都网

界面控件DevExtreme Tree List组件——高性能的客户端树视图

翻译|行业资讯|编辑：龚雪|2023-03-28 09:47:42.043|阅读 97 次

概述：本文将为大家介绍界面控件DevExtreme的Tree List组件，它是一个高性能客户端树视图、列表视图的混合组件，欢迎下载最新版体验~

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme Tree List是一个直观且易于使用的小部件，在单个UI元素中结合传统的网格（Grid）和树视图（TreeView）的功能。

DevExpress技术交流群7：674691612 欢迎一起进群讨论

从内存数组到JSON、OData或Web API服务——DevExtreme Tree List组件可以使用来自任何信息源的数据。Tree List组件的灵活性使开发者不需要为其提供分层数据结构，即使使用链接普通对象的集合，Tree List仍然可以构建树层次结构。

DevExtreme Tree List设计时考虑了移动设备，有了它，开发者可以提供高影响力的用户体验，适应不同的屏幕分辨率——从台式机，到平板电脑和智能手机。

五种直观的编辑模式和各种单元内编辑器使数据编辑更简单直接，所有树列表编辑器都包含内置的客户端验证，带有一组预定义的验证规则，包括电子邮件、数字、范围、比较、自定义等。

DevExtreme的JavaScript Tree List组件包含两个内置的记录选择选项，从单选和多选模式到完全支持递归选择，设计了树列表，以便开发者可以为最终用户提供最直观的用户体验。

DevExtreme Tree List组件附带了两个过滤UI元素：一个受excel启发的行标题过滤器和列标题过滤器，此外outlook启发的搜索面板使查找与特定值匹配的记录变得轻而易举。

大数据需要极快的记录滚动，为了确保最好的用户体验，Tree List附带了一个虚拟滚动模式，旨在只加载viewport所需的记录，这样应用程序总是快速，总是响应迅速。

DevExtreme JavaScript Tree List提供了固定列支持，因此可以提高数据的可读性。此外还提供了无数的运行时布局选项，包括调整大小、重新排序、隐藏和显示单个列的功能。

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都网