尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

来看界面控件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因此用户可以完全看不到它们。 如上所述任何所需的渲染工作都包含在组级别不会导致更高级别的更改。
返回列表