ExtJS - 在底部添加组件

Question

所以我想在面板的底部添加一个组件。通常，您只需执行以下操作：

Ext.getCmp('xxxx').add({....});

并且会添加到底部，但出于某种原因，当你添加itemId时，一切都会变成地狱。这是一个有效的例子：http://jsfiddle.net/Qsfgh/注意'较高'的id如何出现在较低的id之前。 （如果要验证，可以打开控制台并查看HTML）即使我使用“插入”并且我在最后插入它仍然将它放在开头。我该如何解决这个问题？

Answer 1

您添加的两个字段都具有相同的itemId。 ItemIds不必是全局唯一的，但它们必须对同一容器中的组件是唯一的。 itemId用作拥有容器的混合项集合中组件的键（如果组件上没有设置itemId，则使用id）。

因此，当您添加第二个字段时，它将替换容器的项集合中的第一个字段，并搞砸了渲染过程。给字段不同的itemIds，一切都会正常工作。

如果您为每个字段指定唯一的itemId，则不再需要绝对定位字段。字段2将正确放置在字段1

下方