javascript - 在 FormPanel 中的特定字段集中动态添加组件

Question

在特定的fieldset中动态添加文本框，这里的field set是Extra，因为我在表单中有很多fieldset，所以这里我只分享一个fieldest的代码。

例如，

 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
});

Answer 1

为字段集和表单提供 id。

然后做，

Ext.getCmp('myfieldset-id').add(my_dynamic_new_component);
Ext.getCmp('myform-id').doLayout();