Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在FormPanel中的特定字段集中动态添加组件_Javascript_Extjs - Fatal编程技术网

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