ExtJs 面板 - 添加动态组件答案

【问题标题】：ExtJs panel - adding dynamic componentsExtJs 面板 - 添加动态组件
【发布时间】：2012-08-18 19:42:15
【问题描述】：

我有一个窗口，窗口内有面板。我动态地将组件添加到面板中。这些组件采用“hbox”布局，因此它们水平排列。单击按钮后，我将在“hbox”布局中向面板添加另一行类似的组件。这里的问题是我想在第一行下面添加第二行，但是下面的代码将组件添加到面板的顶部。

panel.add(items);  #items is the group of comboboxes in hbox layout
panel.doLayout();

有解决这个问题的想法吗？这样我就可以在第一行下方添加第二行组件。

Extjs 版本为 3.4

【问题讨论】：

【解决方案1】：

我找到了问题的原因。

原因：当我们将具有相同'id'的组件添加到面板时，新添加的组件将被添加到面板顶部。

修复：在面板中添加相同组件时使用“itemId”而不是“id”。

希望这对某人有用。

【讨论】：

【解决方案2】：

您可以改用insert 方法来指定要放置组件的面板项的索引：

var index = panel.items.length;
panel.insert(index, items);

// or if it always going to be the second item
panel.insert(1, items);

【讨论】：