dynamic - ExtJsパネル-動的コンポーネントの追加

Question

窓の中にパネルのある窓があります。パネルにコンポーネントを動的に追加します。これらのコンポーネントは、水平に配置されるように「hbox」レイアウトになっています。ボタンをクリックすると、「hbox」レイアウトの同様のコンポーネントの行がパネルにもう1つ追加されます。ここでの問題は、最初の行の下に2番目の行を追加したいのですが、次のコードはパネルの上部にコンポーネントを追加します。

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

この問題を解決するためのアイデアはありますか？最初の行の下にコンポーネントの2番目の行を追加できるようにします。

Extjsバージョンは3.4です

Answer 1

問題の原因を見つけました。

原因：同じ' id 'のコンポーネントをパネルに追加すると、新しく追加されたコンポーネントがパネルの上部に追加されます。

修正：同じコンポーネントをパネルに追加するときに、「 id 」の代わりに「 itemId 」を使用します。

これが誰かに役立つことを願っています。

Answer 2

代わりにメソッドを使用insertして、コンポーネントを配置するパネルアイテムのインデックスを指定できます。

var index = panel.items.length;
panel.insert(index, items);

// or if it always going to be the second item
panel.insert(1, items);

ここにそれはドキュメントにあります。