dom - ExtJS - 在底部添加组件

Question

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

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

这将添加到底部，但是由于某种原因，当您添加 itemId 时，一切都将陷入困境。这是一个工作示例： http: //jsfiddle.net/Qsfgh/请注意“较高”的 id 是如何出现在较低的之前的。（如果您想验证，您可以打开控制台并查看 HTML）即使我使用“插入”并将其插入到最后，它仍然会将其放在开头。我该如何解决？

Answer 1

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

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

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