2012-05-22 2 views
1

После обновления с ExtJS 4.0.7 до 4.1 у меня возникла проблема с макетом. В панели есть пять полей (четыре комбо и дампикер). Это соответствующая часть конфигурации на панели:Проблема с компоновкой ExtJS 4.1 после обновления

defaults: { 
    flex: 1, 
    margin: '4', 
    labelAlign: 'top' 
}, 
layout: { 
    type: 'hbox', 
    align: 'top' 
}, 

С ExtJS 4.0.7, все пять полей отображаются с одинаковой шириной и ожидаемой маржи вокруг каждого. В ExtJS 4.1, по-видимому, ширина раскладок справа от текстовых полей не учитывается при расчете макета.

enter image description here

Любые идеи?

ответ

1

Ммм, возможно, есть что-то еще, что может вызвать проблему. На самом деле, это работает хорошо для меня:

Ext.create ('Ext.container.Container', { 
    renderTo: Ext.getBody() , 
    layout: { 
     type: 'hbox' , 
     align: 'top' 
    } , 
    defaults: { 
     flex: 1 , 
     labelAlign: 'top' , 
     margin: 4 
    } , 
    items: [{ 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'datefield' 
    }] 
}); 

И она работает с 'запасом: 4' и 'края: "4"'.

+0

Спасибо, ты прав, на пустой странице это работает нормально. Я думал, что я отключил все вмешивающиеся стили или скрипты, очевидно, это неверно. –

+0

Проблема, похоже, существует при использовании таблицы стилей с областью. Если я ничего не пропустил, в 4.1 это больше не нужно 'var Ext = {buildSettings: {scopeResetCSS: true}};' при использовании ext-all-scoped.css. –

Смежные вопросы