Extjs5区域大小调整

Question

我定义了以下表格：

Ext.define('Admin.view.messaging.MsgDataForm',{
    extend: 'Ext.window.Window',
    xtype: 'msgdataform',
    title: 'Compose Practice Message',          
    defaultFocus: '[name=subject]',     
    modal: true,            
    layout: 'fit',  
    closable: false,
    width: 700, 
    items: [{
        xtype: 'form',      
        layout: 'anchor',
        fieldDefaults: {labelWidth: 60,labelAlign: 'right',anchor: '100%'},
        padding: 10,
        items: [{           
            xtype: 'fieldcontainer',
            layout: 'hbox',
            fieldLabel: 'Date',                                             
            items: [{
                xtype: 'datefield',
                name: 'msgdate',                    
                format: 'F j, Y g:i A',
                readOnly: true,
                flex: 1,
                margin: '0 5 0 0'
            },{
                xtype: 'combo',
                name: 'priority',           
                fieldLabel: 'Priority',
                store: Ext.create('Ext.data.Store',{
                    fields: ['priorityval','priority'],
                    data: [{'priorityval':0,'priority':'Low'},{'priorityval':1,'priority':'Normal'},{'priorityval':2,'priority':'High'}]
                }),
                queryMode: 'local',
                displayField: 'priority',
                valueField: 'priorityval',
                width: 160
            }]              
        },{
            xtype: 'textfield',
            name: 'subject',    
            fieldLabel: 'Subject'
        },{
            xtype: 'textarea',
            id: 'editor1',
            name: 'message',            
            style: {background: '#E1E1E1'}
        }]
    }],
    buttons:[{
        text: 'Send',
        handler: 'onClick_btnMsgDataSend'
    },{
        text: 'Cancel',     
        handler: 'onClick_btnMsdDataCancel'
    }]
});

当呈现窗口时，文本区域的高度没有正确大小。此外，当窗口调整大小时，只调整文本区域的宽度，而不是调整高度。尝试在窗口调整大小后侦听文本区域上的“调整大小”事件，但未触发。有什么想法吗？谢谢。

Answer 1

由于“锚:100%”的默认配置，您的宽度被适当调整。

另一方面，高度--有点困难--我现在的想法是尝试使用一个特定的css (使用属性cls)来操作高度(高度：‘100%’)或类似的东西。因为不能在textarea中使用flex，所以您也可以在面板中嵌套de textarea，并在面板上使用flex进行尝试。

查看ExtJS5的textarea文档以获得其他可实现的解决方案：http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.form.field.TextArea