Extjs5 Textarea Изменение размера

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%») или что-то еще как это. Поскольку вы не можете использовать flex в текстовом поле, вы также можете вложить текстовую область в панель и использовать flex для ее использования.

Проверьте документацию из текстового поля ExtJS5 для других решений: Возможное http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.form.field.TextArea