Dom ExtJS-在底部添加组件

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

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

---

这将添加到底部，但由于某些原因，当您添加itemId时，一切都将进入地狱。下面是一个工作示例：请注意“较高”id是如何出现在较低id之前的。（如果你想验证的话，你可以打开你的控制台查看HTML）即使我使用了一个“insert”并且我在最后插入了它，它仍然会把它放在开头。我该如何解决这个问题？

您添加的两个字段都具有相同的

itemId

。ItemID不必是全局唯一的，但对于同一容器中的组件，它们必须是唯一的。

itemId

用作所属容器的混合项集合中组件的键（如果组件上未设置itemId，则使用id）

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

---

如果给每个字段一个唯一的

itemId

，则不再需要绝对定位字段。字段2将正确放置在小提琴中字段1的下方，我首先看到“姓氏1”，然后看到“姓氏2”。也就是说，按照您添加它们的顺序。正如所料。DOM ID的顺序确实相反，但是。。。为什么你会在意呢？因为当你点击“tab”键时，你会从姓氏2变为姓氏1（是的，我可以更改tab索引，但我一次创建20个输入…似乎应该有更好的方法），而且，我添加它们的“顺序”对显示来说并不重要，因为它们都是绝对定位的。但它们对HTML很重要，HTML是问题的关键=）