ExtJsパネル - 動的コンポーネントを追加する

Question

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

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

この問題を解決するための方法はありますか？私は最初の行の下にコンポーネントの2番目の行を追加することができます。

ExtJSのバージョンは、あなたがであなたのコンポーネントを配置するパネルの項目のインデックスを指定する代わりにinsertメソッドを使用することができます3.4

Answer 1

問題の

原因：私たちはパネルに同じ「ID」でコンポーネントを追加するときに、新しく追加されたコンポーネントは、パネルの上部に追加されます。

修正：使用 'のitemId' の代わりに 'ID' パネルに同一の構成要素を追加しています。

これは誰かにとって役に立ちます。

Answer 2

です：私は原因を見つけ

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

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

Here it is in the docs.