DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序。该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。在上文中我们介绍了DevExtreme v22.2即将增强UI/UX自定义功能包括表单、Accordion、编辑器等控件。本文将继续为大家介绍剩下的DevExtreme v22.2即将发布的新功能欢迎持续关注我们获取更多第一手产品资讯哦~DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》UI/UX自定义增强工具栏 - 多线自适应模式如果给定设备上没有足够的空间我们的Toolbar可以自动隐藏下拉菜单中的项目最终用户可以打开此菜单来调用与隐藏项目相关的操作。官方技术团队计划添加一个额外的自适应模式在此模式下工具栏项目通过换行到下一行保持可见因此最终用户可以立即访问所有可用项目。dx-toolbar [multiline]true /dx-toolbarPivotGrid导出到Excel –导出字段面板标题DevExtreme PivotGrid允许您将其内容导出到 Microsoft Excel (v20.2)目前导出的数据仅包括列/行维度值类别和交叉点处的聚合值数字。为了帮助解决特定用例官方技术团队将更新导出引擎以便您也可以包含维度字段名称。dx-pivot-grid [dataSource]dataSource (onExporting)onExporting($event) dxo-export [enabled]true [exportFieldHeaders] true /dxo-export /dx-pivot-gridAPI 增强功能弹出窗口 - 隐藏/显示 API 增强功能您可能已经在 Popup 的 onHiding/onShowing 事件中使用了 ‘cancel’ 标志来中止操作基于特定条件一些用户想要异步计算条件例如当您必须等到最终用户批准/拒绝请求时。对于这种情况我们的一些组件支持‘cancel’标志值的 ‘Promise’类型技术团队计划以同样的方式在Popup 的 onHiding/onShowing 事件中支持 Promises。onHiding: (e) { e.cancel showConfirmation(Are you sure?); // returns a Promise },Popup的show/hide方法返回一个Promise对象该对象在操作完成后被解析。用户在这方面要求一些灵活性——特别是如果事件处理程序通过 ‘cancel’标志取消操作则拒绝 Promise。try { await popup.hide(); // closed successfully } catch (e) { // closing was cancelled }TagBox – 提交自定义项目的额外事件DevExtreme TagBox 允许最终用户添加自定义项目用户输入自定义文本并按 Enter 后新创建的项目将提交到数据源。 为了加快数据输入过程用户要求在 TagBox 失去焦点时自动提交自定义项目当用户按下 Tab 键或单击表单的提交/保存按钮时我们将扩展 API 以启用这些使用场景。Slider RangeSlider - 延迟的‘valueChanged’事件当最终用户开始拖动 Slider 的句柄时组件会立即引发 valueChanged 事件因此在用户释放句柄之前会引发一系列事件我们将引入一种额外的模式来仅在用户交互结束时引发一次 valueChanged 事件。dx-slider valueChangeModeinstant|eventual /dx-slider B/S端界面控件DevExtreme v22.2即将发布的功能——Part 2
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序。该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。在上文中我们介绍了DevExtreme v22.2即将增强UI/UX自定义功能包括表单、Accordion、编辑器等控件。本文将继续为大家介绍剩下的DevExtreme v22.2即将发布的新功能欢迎持续关注我们获取更多第一手产品资讯哦~DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》UI/UX自定义增强工具栏 - 多线自适应模式如果给定设备上没有足够的空间我们的Toolbar可以自动隐藏下拉菜单中的项目最终用户可以打开此菜单来调用与隐藏项目相关的操作。官方技术团队计划添加一个额外的自适应模式在此模式下工具栏项目通过换行到下一行保持可见因此最终用户可以立即访问所有可用项目。dx-toolbar [multiline]true /dx-toolbarPivotGrid导出到Excel –导出字段面板标题DevExtreme PivotGrid允许您将其内容导出到 Microsoft Excel (v20.2)目前导出的数据仅包括列/行维度值类别和交叉点处的聚合值数字。为了帮助解决特定用例官方技术团队将更新导出引擎以便您也可以包含维度字段名称。dx-pivot-grid [dataSource]dataSource (onExporting)onExporting($event) dxo-export [enabled]true [exportFieldHeaders] true /dxo-export /dx-pivot-gridAPI 增强功能弹出窗口 - 隐藏/显示 API 增强功能您可能已经在 Popup 的 onHiding/onShowing 事件中使用了 ‘cancel’ 标志来中止操作基于特定条件一些用户想要异步计算条件例如当您必须等到最终用户批准/拒绝请求时。对于这种情况我们的一些组件支持‘cancel’标志值的 ‘Promise’类型技术团队计划以同样的方式在Popup 的 onHiding/onShowing 事件中支持 Promises。onHiding: (e) { e.cancel showConfirmation(Are you sure?); // returns a Promise },Popup的show/hide方法返回一个Promise对象该对象在操作完成后被解析。用户在这方面要求一些灵活性——特别是如果事件处理程序通过 ‘cancel’标志取消操作则拒绝 Promise。try { await popup.hide(); // closed successfully } catch (e) { // closing was cancelled }TagBox – 提交自定义项目的额外事件DevExtreme TagBox 允许最终用户添加自定义项目用户输入自定义文本并按 Enter 后新创建的项目将提交到数据源。 为了加快数据输入过程用户要求在 TagBox 失去焦点时自动提交自定义项目当用户按下 Tab 键或单击表单的提交/保存按钮时我们将扩展 API 以启用这些使用场景。Slider RangeSlider - 延迟的‘valueChanged’事件当最终用户开始拖动 Slider 的句柄时组件会立即引发 valueChanged 事件因此在用户释放句柄之前会引发一系列事件我们将引入一种额外的模式来仅在用户交互结束时引发一次 valueChanged 事件。dx-slider valueChangeModeinstant|eventual /dx-slider