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'
    }]
});

呈现 window 时文本区域的高度大小不正确。此外，当 window 调整大小时，只会调整文本区域的宽度 - 而不是高度。在 window 调整大小但未触发后，尝试在文本区域上侦听调整大小事件。有任何想法吗？谢谢

Answer 1

由于 'anchor:100%' 的默认配置，您的宽度已正确调整大小。

另一方面，高度有点困难，我现在想到的想法是尝试使用特定的 css（使用属性 cls）操纵高度（ height:'100%') 或类似的东西。因为你不能在textarea中使用flex，你也可以在面板中嵌套de textarea并在其上使用flex来试试。

查看ExtJS5的textarea文档，寻找其他可能的解决方案： http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.form.field.TextArea

Extjs5 文本区域调整大小

Extjs5 Textarea Resizing

textarea

resize

extjs5