ExtJS 面板使用 contentEl 自动调整大小

Question

我创建了一个面板

Ext.create("Ext.panel.Panel", {
renderTo: Ext.getBody(),
contentEl: 'myDiv',
id: 'mypanel'
});


“myDiv”在哪里
<div id="myDiv">
<table id="table1" border="1" cellspacing="1" cellpadding="2">
</table>
</div>


当我向 HTML 表格添加行时，面板不会自动调整其高度以适应整个表格。

请告诉我们是否可以通过对面板进行一些配置来实现它，而不是每次添加新行时调用 panel.doLayout()。

小提琴示例：https://fiddle.sencha.com/#fiddle/33i

提前致谢。

Answer 1

不，不可能。您需要运行布局的原因是您正在修改 DOM 中 Ext 不知道或不测量的元素。唯一合理的“自动”方法是使用计时器并检查 DOM 是否已更改，这不是一个好的解决方案。