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

渲染窗口时，textarea的高度尺寸不正确。此外，调整窗口大小时，仅调整textarea的宽度 - 而不是高度。调整窗口大小后尝试在文本区域上侦听resize事件但不会触发。有任何想法吗？感谢。

Answer 1

您的宽度已正确调整大小，因为＆＃39;锚点的默认配置：100％＆＃39;。

另一方面，它的高度有点难度，现在我想到的是尝试使用特定的css（使用属性cls）来操纵高度（高度：＆＃39; 100 ％＆＃39;）或类似的东西。因为你不能在textarea中使用flex，你也可以在一个面板中嵌入de textarea并使用flex来尝试它。

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

Extjs5 Textarea调整大小

1 个答案: