topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)

在本文中,小编将为大家总结DevExtreme v22.2即将提供的主要功能,这些功能适用于DevExtreme JavaScript(Angular、React、Vue、jQuery)和基于DevExtreme的ASP.NET MVC/Core控件。

本文中包含的信息详细介绍了我们当前/预计的发展计划,请注意,此信息仅供参考,

DevExtreme Complete Subscription官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

UI/UX自定义增强

表单 - 自定义标签模板

目前Form只能显示文本标签,一些用户需要在编辑器的标签中显示图像或其他丰富的内容,为了满足这一要求,官方技术团队计划将自定义标签模板引入产品线。他们将利用许多DevExtreme组件中使用的技术——允许开发人员自定义应用程序 UI 的技术,下面的表单标签通过使用图标进行了增强。

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

topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)(1)

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>

topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)(2)

编辑器 - 自定义验证消息位置

如果编辑器验证失败,编辑器下方会显示一条消息。用户要求我们在这方面提供更大的灵活性,并允许控件在编辑器上方或左侧/右侧显示验证消息,官方会在下一次重大更新中引入相应的“validationMessagePosition”配置选项。

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

topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)(3)

日历 - 显示周数

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

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

topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)(4)

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

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

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

topwidgets组件分享码在哪复制(BS端界面控件DevExtremev22.2即将发布的功能)(5)

DevExtreme

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

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页