Question

我正在尝试动态地将项目添加到fielset。我已经在控制台中检查了字段集的项目，该项目正被添加到字段集但是没有显示，我正在为字段集调用doLayout()方法，也为formpanel调用具有此字段集，但字段集的大小/高度不会更改。有人可以帮我解决这个问题吗？

 if(csType.value=="OS"){
            Ext.apply(newOs,that.osCombo);
            newOs.id = 'testOs2';
            Ext.getCmp('cSFieldSet').add(newOs);
            Ext.getCmp('cSFieldSet').setHeight(600);
            Ext.getCmp('cSFieldSet').doLayout(true,true);
            Ext.getCmp('cSFieldSet').ownerCt.doLayout(true,true);
            that.csFormPanel.doLayout(true,true);
        }

我也尝试使用autoHeight: true，但仍然没有显示该项目

Answer 1

这是我刚刚编写的一些测试代码，用于模拟您要实现的目标：

var simple = new Ext.FormPanel({
            labelWidth: 75, 
            frame:true,
            title: 'Simple Form',
            bodyStyle:'padding:5px 5px 0',
            width: 350,
            defaults: {width: 230},
            defaultType: 'textfield',

            items: [{
                // Fieldset in Column 1
                xtype:'fieldset',
                itemId: 'fieldSetTest',
                columnWidth: 0.5,
                title: 'Fieldset 1',
                collapsible: false,
                autoHeight:false,
                defaultType: 'textfield',
                items :[{
                        fieldLabel: 'Field 1'
                    }, {
                        fieldLabel: 'Field 2'
                    }, {
                        fieldLabel: 'Field 3'
                    }
                ]
            }
            ],

            buttons: [{
                text: 'Add New Field',
                handler: function() {
                    var newItem = new Ext.form.TextField({fieldLabel: 'New Fields'});
                    simple.getComponent('fieldSetTest').add(newItem);
                    simple.doLayout();
                },
                scope:this
            }]
        });

        simple.render(document.body);

    });

这样可以正常工作，因此单击“添加”按钮时，新项目将出现在字段集中，并且字段集的高度会自动增加。如果没有看到你的整个formpanel代码，我就无法进一步评论。

ExtJS 3.4：如何动态更改字段集大小

1 个答案: