B/S端界面控件DevExtreme v22.2可能发布这些功能！(Part 1)

UI/UX自定义增强

表单 – 自定义标签模板

<dx-form [formData]="employee"><dxi-item dataField="name"><div *dxTemplate="let data of 'label'"><person-icon></person-icon> Name</div>...</dxi-item></dx-form>

Accordion – 单个项目的自定义标题模板

DevExtreme Accordion允许您为所有项目标题指定一个共享的自定义模板，在某些情况下，您可能需要为每个项目使用不同的模板。技术团队计划实施此功能，因此您可以在项目级别指定标题模板。例如，在下面的示例中，第一个项目有一个字幕。 当然，您可以在Accordion中添加按钮、图像或任何自定义内容：

<dx-accordion><dxi-item><div *dxTemplate="let data of 'title'"><h1>Super Mart of the West</h1><h2>Arkansas department</h2></div>...</dxi-item></dx-accordion>

<dx-text-box validationMessagePosition="left|right|top|bottom"><dx-validator><dxi-validation-ruletype="number"message="Value must be a number"></dxi-validation-rule></dx-validator></dx-text-box>

日历 – 显示周数

另一个高度要求的 UI 增强功能是在日历组件中显示周数，您将能够通过组件配置中的新“showWeekNumbers”选项激活此功能。

<dx-calendar[showWeekNumbers]="true"[(value)]="currentValue"></dx-calendar>

CheckBox – 由最终用户设置不确定值

DevExtreme CheckBox支持不确定状态，它通过将组件值设置为null或undefined来启用。一旦最终用户单击 CheckBox，就不可能回到不确定状态。一些用户要求引入一种将值重置为不确定状态的方法，为此我们将引入一种附加的值更改模式。在这种模式下，每次单击都会旋转三种组件状态——选中、未选中和不确定。

<dx-check-box[valueChangeMode]= "default|includeIndeterminate"[(value)]="value"></dx-check-box>

DevExtreme | 下载试用

DevExpress技术交流群6：600715373      欢迎一起进群讨论