Javascript 在FormPanel中的特定字段集中动态添加组件
在一个特定的字段集中动态添加文本框这里字段集是额外的,因为我在表单中有许多字段集,所以这里我只共享一个字段集的代码 比如说,Javascript 在FormPanel中的特定字段集中动态添加组件,javascript,extjs,Javascript,Extjs,在一个特定的字段集中动态添加文本框这里字段集是额外的,因为我在表单中有许多字段集,所以这里我只共享一个字段集的代码 比如说, var extraData = [{ bodyStyle: 'padding-left:5px;', items:{ xtype:'fieldset', title: 'Extra', collapsible: true, autoHeight:true, layout:'column', items:[{ c
var extraData = [{
bodyStyle: 'padding-left:5px;',
items:{
xtype:'fieldset',
title: 'Extra',
collapsible: true,
autoHeight:true,
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Comment',
name: 'comment',
anchor:'95%'
}]
},{
columnWidth:.5,
layout: 'form',
items: [{
xtype: 'fileuploadfield',
fieldLabel: 'Photo',
name: 'last',
anchor:'95%'
}]
}]
}
}];
var fsf = new Ext.FormPanel({
labelWidth: 75, // label settings here cascade unless overridden
url:'save-form.php',
frame:true,
title: 'Enter New Groom Record',
msgTarget: 'side',
width: 650,
items:extraData
});
为字段集和表单提供id 那就做,
Ext.getCmp('myfieldset-id').add(my_dynamic_new_component);
Ext.getCmp('myform-id').doLayout();