界面组件DevExtreme v22.2 - Pivot Grid、UI组件升级

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme已正式发布了v22.2，新版本重新升级了Pivot Grid、UI组件等，欢迎获取新版体验！

DevExtreme v22.2官方正式版下载(Q技术交流：674691612）

Pivot Grid

导出字段面头部到Excel

开发者现在导出的工作表中可以包含字段面板标题，以下字段头部导出相关选项可用：

• exportColumnFieldHeaders
• exportDataFieldHeaders
• exportFilterFieldHeaders
• exportRowFieldHeaders

字段选择器 - 编码HTML

新的encodeHtml属性允许开发者将HTML标记作为纯文本处理，或将他们应用于头部过滤器值。

UI组件

CSS样式增强

下面的组件现在在不同的用例条件下呈现得更加一致(适用于我们的Generic和Material主题):

• Button
• Calendar
• Toolbar
• DateBox
• Scheduler
• FieldSet
• List

例如，工具栏溢出菜单中的按钮现在可以反映指定的类型和样式模式。

验证消息位置

新的validationMessagePosition选项指定了验证消息相对于编辑器输入区域的位置，可用的设置包括:'bottom'(默认)，'top'， 'left'和'right'。

显示/隐藏API增强

ondisplays /onHiding事件的cancel参数现在支持Promise类型，这允许开发者在显示/隐藏组件之前执行异步操作，这种增强在以下UI组件中可用：

• Popup
• Popover
• Tooltip
• Toast
• LoadPanel

show/hide方法现在返回一个Promise对象，该对象在操作完成后被解析。如果操作被取消，此承诺将被拒绝。

滑块和范围滑块 - 值改变模式

滑块和范围滑块组件现在包含valueChangeMode选项，此选项指定何时更改滑块的值。可用模式包括：

• 当用户释放滑块手柄时，该值会发生变化。
• 当用户移动滑块手柄时，该值立即改变。