Extjs 如何呈现响应性的Ext.form.TextArea

我需要一些关于带有textarea字段的表单的帮助

我的问题

我有一个简单的Ext.window，在其中我放置了一个Ext.FormPanel。在这个Ext.FormPanel中，我放置了一个Ext.form.FieldSet，其中放置了一些字段。其中一个字段是textarea Ext.form.textarea， 现在，我的目标是在调整Ext.window的大小时渲染这个文本区域

有可能获得这种行为吗

这是我当前的代码：

Ext.FormPanel所在的窗口

var    win = new Ext.Window({
    id:'winTest',
    layout:'fit',
    modal:true,
    title:'Title',
    width:590,
    height:300,
    closeAction:'close',
    plain: true,
    autoScroll: true,
    items:[form],
    listeners: {
        'beforeclose': function (p) {
        }
    }
});

Ext.FormPanel，其中驻留Ext.form.FieldSet

var form = new Ext.FormPanel({
    id:'FormTest',
    layout : 'form',
    width:510,
    labelAlign: 'right',
    labelWidth: 120,
    autoScroll:true,
    bodyStyle:'padding:2px;background-color:#E9EFF8;',
    monitorValid:true,
    waitMsgTarget: true,
    border: true,
    bodyBorder: true,
    trackResetOnLoad:true,
    items: [fieldset]
});

我在其中放置了一些文件的字段集

var fieldset = Ext.form.FieldSet({
    id:'fsTest',
    autoHeight: true,
    defaultType: 'textfield',
    items:[.....,textarea]
    //boxMaxWidth:450
    //border:true    
})

Textarea放入字段设置为短路，我只报告了Textarea

var textarea = new Ext.form.TextArea({
    id:'textareaTest',
    name:'TextArea',
    fieldLabel:'Insert',
    hidden:false,
    width:310,
    height:60,
    maxLength:500,
    allowBlank: true
});

谢谢你的宝贵帮助

---

洛伦佐。

应该是这样的：-

var win = new Ext.Window({
    id: 'winTest',
    layout: 'vbox',
    modal: true,
    title: 'Title',
    width: 590,
    height: 300,
    closeAction: 'close',
    plain: true,
    autoScroll: true,
    items: [{
        xtype: 'form',
        id: 'FormTest',
        flex: 1,
        layout: 'vbox',
        width: 510,
        labelAlign: 'right',
        labelWidth: 120,
        autoScroll: true,
        bodyStyle: 'padding:2px;background-color:#E9EFF8;',
        monitorValid: true,
        waitMsgTarget: true,
        border: true,
        bodyBorder: true,
        trackResetOnLoad: true,
        items: [{
            xtype: 'fieldset',
            id: 'fsTest',
            //autoHeight: true,
            flex: 1,
            layout: 'vbox',
            //defaultType: 'textfield',
            items: [{
                    xtype: 'textarea',
                    flex: 1,
                    id: 'textareaTest',
                    name: 'TextArea',
                    fieldLabel: 'Insert',
                    hidden: false,
                    width: 310,
                    //height: 60,
                    maxLength: 500,
                    allowBlank: true
                }]
                //boxMaxWidth:450
                //border:true
        }]
    }]
}).show();

---

请查看此

虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。-感谢您的信息和支持，我添加了代码片段。