如何在特定位置（索引）添加一个ExtJs组件？

Question

我有一个包含一些组件（如文本框和按钮）的工具栏，我想在其他组件之前动态添加一个组件（例如文本框）。

我尝试了tbBar.add(myComponent);，但没有成功。

有什么建议吗？

- Roberto Schuster

Answer 1

您可以使用Ext.container.AbstractContainer.insert方法：

tbBar.insert(0, myComponent);

- Stefan Gehrig

---

我尝试了相同的方法，但在ext-all-debug.js中出现了错误“无法读取未定义的属性'substring'”。 - Strikers

@strikers 看起来更像是您添加到工具栏的组件出现了问题。如果使用了错误的 xtypes，则会出现此错误消息。 - Stefan Gehrig

@StefanGehrig：请问您所说的“错误的xtype”具体是指什么？是指xtype不存在吗？那么我的xtype就是正确的。还有其他可能导致这个错误的原因吗？我的代码看起来像这样：this.tabView.insert(1,{ xtype: 'SimpleProjectDropdown', target: this, itemID: 'simpleDropdown' }); - Strikers

@strikers：很可能 SimpleProjectDropdown 不存在或不正确。请展示 SimpleProjectDropdown 的定义。其中应该有类似于 alias: 'widget.' 的内容。 - Stefan Gehrig

Stefan，我遇到了问题，我忘记在requires部分添加视图:p - Strikers

Answer 2

作为额外的信息，您可以使用“Ext.container.AbstractContainer.container.items.indexOf”来获取容器中特定项的索引。

var index = container.items.indexOf(component);
container.insert(index, newComponent);

- Kohei Mikami