Я слежу за примерами из книги «ExtJS в действии», и у меня возникла проблема с одним из них. Код намеревается добавить новые панели в окно, к сожалению, когда добавляемые панели по умолчанию свернуты, они отображаются неправильно.
Вот код вопроса:
var childPnl1 = {
frame: true,
height: 50,
html: 'My First Child Panel',
title: 'First children are fun'
};
var myWin = new Ext.Window({
height: 300,
width: 300,
title: 'A window with a container layout',
autoScroll: true,
items: [
childPnl1
],
tbar: [
{
text: 'Add child',
handler: function() {
var numItems = myWin.items.getCount() + 1;
myWin.add({
title: 'Child number ' + numItems,
height: 60,
frame: true,
collapsible: true,
collapsed: true,
html: 'Yay, another child!'
});
myWin.doLayout();
}}
]
});
myWin.show();
Когда я запускаю его, я получаю результат, представленный в этой скрипке:
http://jsfiddle.net/PHaP4/
Когда я нажимаю кнопку «Добавить дочерний элемент», свернутые панели отображаются как очень узкие элементы, как если бы ширина была задана неправильно.
Это ошибка в Ext или есть новый способ сделать это правильно в ExtJS4?