ExtJs面板 - 添加动态组件

Question

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

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

有什么想法可以解决这个问题？这样我就可以在第一行下面添加第二行组件.

Extjs版本是3.4

Answer 1

我找到了问题的原因.

原因:当我们向面板添加具有相同" id "的组件时,新添加的组件将添加到面板的顶部.

修复:在向面板添加相同组件时使用' itemId '而不是' id '.

希望这对某人有用.

Answer 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);

这是在文档中.