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

Posted 2023-02-26

【中文标题】ExtJS 面板使用 contentEl 自动调整大小

【英文标题】：ExtJS Panel auto resize with contentEl

【发布时间】：2014-02-05 08:47:22

【问题描述】：

我创建了一个面板

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

提前致谢。

【参考方案1】：

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