Ext.form.Panel中的items如何动态修改？

最新推荐文章于 2023-06-17 22:40:09 发布

转载最新推荐文章于 2023-06-17 22:40:09 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/550381

本文介绍了一个使用ExtJS框架动态修改表单字段的例子。通过点击按钮可以移除原有的LastName字段，并添加一个新的下拉框组件。此操作展示了如何在ExtJS中灵活地调整表单结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先移除，后添加
Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,
layout: 'anchor',
defaults: {
anchor: '100%'
},
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false
},{
fieldLabel: 'Last Name',
name: 'last',
allowBlank: false
}],
buttons: [{
text: 'Change',
handler: function() {
var form=this.up('form'),last=form.getForm().findField('last');
form.remove(last);
form.add({xtype:'combo',fieldLabel:'change'});
}
}],
renderTo: Ext.getBody()

});