extjs 面板适合布局答案

【问题标题】：extjs Panel fit layoutextjs 面板适合布局
【发布时间】：2023-04-04 03:27:01
【问题描述】：

我有一个面板，我正在将它渲染到一个容器中。我希望panel 适合container 的高度，并且不想指定panel 的高度。

但似乎不起作用，有什么办法可以做到。

代码片段

<div id=Div style="width: 100%; height: 100%;"></div>
var newPanel = new Ext.Panel({
    id: 'newPanel',
    renderTo: 'Div',
    layout: 'fit',
    border: false,
    items: [anotherPanel]
})

有什么想法请帮忙

【问题讨论】：

标签： extjs

【解决方案1】：

你可以使用这个插件：http://www.sencha.com/forum/showthread.php?28318-Fit-to-parent&highlight=fitToParent

【讨论】：

【解决方案2】：

在容器上使用 'fit' 布局，并在子面板上将 autoheight 和 autowidth 设置为 false。 fit 布局应该注意使其内部的组件自动“适合”。

【讨论】：

【解决方案3】：

你也可以试试下面的代码：

autoHeight: true

【讨论】：