在本文中我们将回顾DevExtreme UI组件在v22.2版本主要更新中一系列与自定义相关的增强。DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序。从Angular和Reac到ASP.NET Core或VueDevExtreme包含全面的高性能和响应式UI小部件集合可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》验证消息位置用户可以使用新的validationMessagePosition选项来指定验证消息相对于编辑器输入位置的位置该选项接受以下值bottom 默认topleftrightReactTextBox validationMessagePositionright Validator RequiredRule messageAddress is required / /Validator /TextBox折叠 - 单个项目的标题模板现在可以为单个项目定义Accordion标题模板(通过为每个项目使用titleTemplate 属性)在下面的图片中第一项的标题使用了不同的样式ReactAccordion ... Item titleRender{() (bFirst item title/b)} Item content /Item /Accordion复选框 - 循环通过三个状态v22.2附带了一个额外的CheckBox 值更改模式。在这种模式下每次点击循环通过三个组件状态检查、未检查和不确定。使用enableThreeStateBehavior选项来启用这个功能。Angulardx-check-box [enableThreeStateBehavior]true [value]null /dx-check-box表单 - 自定义标签模板之前Form组件只能显示文本标签现在可以使用标签了。属性来定义自定义模板并在编辑器的标签中显示图像或其他丰富内容。VueDxForm ... DxItem ... DxLabel templateemailLabel/ /DxItem template #emailLabel{ data } LabelTemplate :datadata iconemail / /template /DxFormDateBox — 自定义Today按钮文本用户现在可以更改 Today 按钮显示的文本在date和datetime模式下只需将带有自定义文本的字符串传递给todayButtonText 属性。ReactDateBox typedatetime todayButtonTextThis very day /范围条形图 - 最小条形尺寸如果范围条形图数据源中的最小值与最大值有很大差异则使用小条形显示小值(使交互变得困难)。在这种情况下您可以使用新的minBarSize 属性来指定以像素为单位的最小条大小。dx-chart ... dxo-common-series-settings ... [minBarSize]2 /dxo-common-series-settings /dx-chart