界面控件DevExtreme v26.1新版亮点——UI/UX和API功能增强

DevExtreme包括4个单独的产品套件，具有80多个UI组件和集成的开发模板/dev工具，帮助用户轻松创建高影响力和响应性的桌面和移动Web应用程序。

在之前的文章当中为大家介绍了DevExtreme v26.1的日程控件功能增强等（点击这里回顾>>），本文将继续介绍v26.1中的UI/UX和API升级的功能。

DevExpress新旧版本帮助文档下载可进QQ qun获取：169725316

UI/UX 和 API功能增强

AI集成 - 新的响应语言配置选项

DevExpress新的AIIntegrationOptions允许用户为DevExtreme AI支持的功能（如AI列和智能粘贴）配置服务。DevExtreme v26.2中包含一个lang选项，可以用于指定AI响应语言，产品团队计划在未来的发布周期中扩展AIIntegrationOptions。

TreeView — 防止选择禁用的节点

新的disabledNodeSelectionMode属性指定禁用TreeView节点的选择操作，用户可以防止选择状态更改，或者允许递归选择并选择所有操作来影响禁用的节点。

使用此功能可以显示不应修改/选择的项目。例如，如果构建了一个权限管理工具，管理员可以在该工具中为用户角色分配目录访问权限。

TreeView — 展开/折叠禁用的节点

用户可以展开/折叠禁用的节点，来浏览DevExtreme TreeView组件中的子项。

表单 — 新的getScrollable方法

DevExtreme Form组件包括一个新getScrollable()方法，返回的Scrollable允许使用DevExtreme ScrollView API保存/恢复滚动位置，确保在频繁的表单重新呈现中获得平滑的用户体验。

使用场景包括：

• 具有许多验证规则的长表单（包括异步验证）。
• 动态表单（其中字段编号在运行时更改）。

表单 — 渲染逻辑改进

v26.1附带改进的DevExtreme表单呈现逻辑，一旦表单大小更改和项目重新定位（表单列的数量更改），组件将不再重新呈现，编辑器状态、值和验证状态现在在表单布局更改中保持不变。

列表 — 项目文本选择

当滑动操作被禁用时，List组件现在支持项目文本选择（没有定义onItemSwipe处理程序），用户可以使用标准文本选择操作轻松复制信息（如联系人详细信息、注释或产品名称）。

拆分器 — 增强的面板大小调整逻辑

DevExtreme Splitter（拆分器）现在在布局更改中保留配置的面板大小和最小/最大大小约束（当窗格显示、隐藏或调整大小时），此增强提高了布局的可预测性和一致性。

ODataStore/ODataContext — 更新的日期处理操作

ODataStore 和 ODataContext 数据请求现在存储来自日期字段的时区信息，这确保绑定到OData服务的组件在客户端和对服务器的请求中都可以即时准确地处理时区感知值。

为了实现这个新操作，产品团队在ODataStore中用新的processDatesAsUtc选项替换了deserializeDates。

GlobalConfig — 新格式配置API

DevExtreme v26.1附带了一个新的全局格式配置API，它允许您在应用程序范围内（全局或每个区域设置）配置日期/时间/数字格式，并确保整个应用程序的外观一致。

JavaScript

DevExpress.config({ dateFormat: { default: 'dd.MM.yyyy', 'en-US': 'MM.dd.yyyy', }, });

新的配置选项支持自定义格式字符串和预定义的DevExtreme格式，用户还可以根据需要覆盖预定义的格式。

集中式格式逻辑简化了维护，减少了重复，并帮助应用程序适应不同的区域要求。