在FormPanel中動態添加特定字段集中的組件

Question

在特定的字段集中動態添加文本框此處的字段集是額外的，因爲我在表單中有很多字段集，所以在這裏我只共享一個字段集的代碼。

例如，

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