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
![](https://i-blog.csdnimg.cn/blog_migrate/bb25b283f5b1dd185b9550c81ea07306.png)
字段选择器 - 编码HTML
新的encodeHtml属性允许开发者将HTML标记作为纯文本处理,或将他们应用于头部过滤器值。
UI组件
CSS样式增强
下面的组件现在在不同的用例条件下呈现得更加一致(适用于我们的Generic和Material主题):
- Button
- Calendar
- Toolbar
- DateBox
- Scheduler
- FieldSet
- List
例如,工具栏溢出菜单中的按钮现在可以反映指定的类型和样式模式。
![](https://i-blog.csdnimg.cn/blog_migrate/68a90467cf72279db03e8e60e44ce5ae.png)
验证消息位置
新的validationMessagePosition选项指定了验证消息相对于编辑器输入区域的位置,可用的设置包括:'bottom'(默认),'top', 'left'和'right'。
![](https://i-blog.csdnimg.cn/blog_migrate/af77cd911df2d3d088aa80fba42dc05b.png)
显示/隐藏API增强
ondisplays /onHiding事件的cancel参数现在支持Promise类型,这允许开发者在显示/隐藏组件之前执行异步操作,这种增强在以下UI组件中可用:
- Popup
- Popover
- Tooltip
- Toast
- LoadPanel
show/hide方法现在返回一个Promise对象,该对象在操作完成后被解析。如果操作被取消,此承诺将被拒绝。
滑块和范围滑块 - 值改变模式
滑块和范围滑块组件现在包含valueChangeMode选项,此选项指定何时更改滑块的值。可用模式包括:
- 当用户释放滑块手柄时,该值会发生变化。
- 当用户移动滑块手柄时,该值立即改变。
![](https://i-blog.csdnimg.cn/blog_migrate/958406b9b0d81684a78ef59ea2f0ea64.gif)