Я не могу установить ширину текстового поля так же, как я это делал в ExtJS 4. Установка различных типов макетов (привязка, столбец) или даже ширина жесткого кодирования в качестве конфигурации текстового поля не имеют никакого эффекта. Ширина текстового поля остается прежней. Панель отображается в окне.
Ext.define('Dash.view.card.CardForm',{ extend:'Ext.panel.Panel', layout:{ type:'hbox', align:'stretch' }, frame:false, bodyPadding:25, initComponent:function() { this.items = [{ xtype:'fieldset', title:'Form', layout:'anchor', flex:2, items:[{ xtype:'textfield', fieldLabel:'Name', name:'name', anchor:'100%' },{ xtype:'textfield', fieldLabel:'SET', name:'set', anchor:'100%' },{ xtype:'textfield', fieldLabel:'Url', name:'url', anchor:'100%' },{ xtype:'textfield', fieldLabel:'Price', name:'price', anchor:'100%' }] },{ xtype:'fieldset', title:'Card Preview', flex:1, items:[{ xtype:'image', name:'preview' }] }]; this.callParent(arguments); } });
Используя chrome inspect, я заметил, что визуализированный div имеет правильную ширину, но его дочерний HTML-ввод не имеет ширины.