В продолжение
Дошла до такого варианта:
в store (который Ext.data.TreeStore) ставим событие
listeners: {
load: function(){
Ext.get("mypanel3").dom.innerHTML = "!!!";
mypanel3 = Ext.create("Ext.Panel", {
title: 'mypanel3',
width: 100,
height: 100,
html: 'alsdfjasdf',
renderTo: 'mypanel3'
})
},
scope: this
}
Событие срабатывает, панелька вставляется, что радует. НО вставляется каким-то дико-странным образом - крошечным квадратиком. Получаемый html выглядит так:
<div id="mypanel3">!!!<div id="panel-1227" class="x-panel x-panel-default" style="width: 100px; height: 100px;" role="presentation" aria-labelledby="component-1229"><div id="header-1228" class="x-panel-header x-panel-header-default x-horizontal x-panel-header-horizontal x-panel-header-default-horizontal x-top x-panel-header-top x-panel-header-default-top x-unselectable x-docked x-docked-top x-panel-header-docked-top x-panel-header-default-docked-top" style="-moz-user-select: none; width: 0px; left: 0px; top: 0px;" role="presentation"><div class="x-panel-header-body x-panel-header-body-default-horizontal x-panel-header-body-default-top x-panel-header-body-default x-panel-header-body-horizontal x-panel-header-body-top x-box-layout-ct" id="ext-gen1654"><div role="presentation" class="x-box-inner" id="ext-gen1656"><div id="component-1229" class="x-component x-box-item x-component-default" role="heading" style="margin: 0pt; width: 0px; left: 0px; top: 0px;"><span class="x-panel-header-text x-panel-header-text-default" id="ext-gen1657">mypanel3</span></div></div></div></div><div class="x-panel-body x-panel-body-default x-panel-body-default" id="ext-gen1651" style="width: 0px; height: 0px; left: 0px; top: 0px;">alsdfjasdf</div></div></div>
Есть идеи, как избавиться от всех этих width: 0px и height: 0px? Откуда они вообще берутся?
