且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

ExtJs面板 - 添加动态组件

更新时间:2023-12-06 10:45:22

我发现问题的原因。



原因:当我们使用相同的 id ',然后新添加的组件将被添加到面板的顶部。



修复:使用 itemId 而不是 id ,同时将面板中添加相同的组件。



希望这将是有用的对于某人。


I have a window with panel in inside the window. I add components to the panel dynamically. These components are in 'hbox' layout so that they are arranged horizontally. On click of a button i will add one more row of similar components in 'hbox' layout to the panel. Here the problem is that i want to add the second row below the first row, but the following code adds the components to the top of the panel.

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

Any ideas to solve this problem? so that i can add second row of components below the first row.

Extjs Version is 3.4

I found the cause of the problem.

Cause: when we add components with same 'id' to a panel, then the newly added component will get added to the top of the panel.

Fix: Use 'itemId' instead of 'id' while adding same component to the panel.

Hope this will be useful for someone.