尧图网络科技YAOTU DIGITAL 获取报价
获取报价
首页 / 资讯中心 / 文章详情

来看界面控件DevExtreme如何实现数据表单的高效动态更新

发布时间:2026/9/23 4:00:04

资讯中心
01
ARTICLE

来看界面控件DevExtreme如何实现数据表单的高效动态更新

来看界面控件DevExtreme如何实现数据表单的高效动态更新
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。DevExtreme新旧版本帮助文档下载可进QQ qun获取169725316您现在可以有效地更新DevExtreme数据表单的部分内容而不会影响未更改的元素。DevExtreme的渲染逻辑可帮助您优化在运行时动态添加、删除、显示和隐藏项目的用例。添加和删除项目如果您更改与组或选项卡关联的项目列表则仅重新呈现该列表表示的内容即可。var form $(#form).dxForm({ items: [ ..., { itemType: group, caption: Phones, items: [ ... ] }] }).dxForm(instance); form.itemOption(Phones, items, [ /* new items */ ]);显示或隐藏项目如果更改组或选项卡中包含的项目选项则仅重新呈现该组或选项卡。 在下面的示例中visible选项在 addressGroup 中的address元素上发生更改。var form $(#form).dxForm({ ..., items: [ { itemType: group, items: [ name, lastName, { editorType: dxCheckBox, editorOptions: { text: Show Address, onValueChanged: function(e) { form.itemOption(addressGroup.address, visible, e.value); } } }] }, { itemType: group, name: addressGroup, items: [{ dataField: address, visible: false }] } ] }).dxForm(instance);使用额外组控制重新渲染要将重新呈现限制在表单的特定可视区域可能需要将组添加到您的结构中。 这些不需要分配captions因此用户可以完全看不到它们。 如上所述任何所需的渲染工作都包含在组级别不会导致更高级别的更改。
02
RELATED NEWS

相关资讯

更多网站建设与数字化升级内容

03
WHY YAOTU

想打造同款高转化官网?

懂行业、懂生意,从建站到增长一站式陪跑

场景化定制

不做模板站,围绕你的业务场景量身设计,小众不撞款。

营销型架构

以转化目标组织内容与路径,让官网真正带来询盘。

全周期服务

设计、开发、运营、运维一体,上线只是开始。

免费获取你的建站方案

留下需求,专属顾问 24 小时内为你输出方案建议。