ExtJS：ウィンドウ上のフォームフィールドのサイズを自動的に変更する

Question

Ext.formフィールドを内部に持つExt.Windowを作成しました。しかし、ウィンドウのサイズを変更すると、フォームの要素にはまだ初期の幅と高さがあります。

ウィンドウのサイズ変更で明示的にフォームフィールドのサイズを変更する必要がありますか？または、フォームフィールドの自動サイズ変更を有効にするオプションがいくつかありますか？

サンプルコード：

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1'}); 
var f_2 = new Ext.form.TextField({fieldLabel: 'Label 2'}); 
var fp = new Ext.form.FormPanel({items: [f_1, f_2]}); 

var w = new Ext.Window({ 
    layout: 'form', 
    title: 'test', 
    items: fp 
}); 

w.show() 

Answer 1

あなたはうまく-サイズ変更可能なフォームになりれ、アンカーチェックアウトすることができます：

http://www.extjs.com/deploy/dev/examples/form/anchoring.html

は、「コンポーネント」の「アンカー」プロパティを参照してください：

http://www.extjs.com/deploy/dev/docs/?class=Ext.Component

Answer 2

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1', anchor:'95%'}); 

はそれを行うだろう。いくつかのサンプルthereと文書thereを見ることができます。あなたがそれらのそれぞれのサイズを指定しない場合

また、あなたは

var fp = new Ext.form.FormPanel({ 
      items: [f_1, f_2] 
      ,defaults: { 
       anchor: '95%' 
      } 
     }); 

Answer 3

defaults設定オブジェクトとフォームパネルからデフォルトをプッシュすることができます私の疑惑はFormPanel「FP」は、部分的であるということです故障して。

Ext JSでは、Ext.Windowコンストラクタ内のウィンドウからすべてのものをすべて宣言することが通常はベストプラクティスです。物を作り、それを後で付けようとすることは、私にとって非常に不満の源です。

（他の答えについては、幅：100％が良いでしょう。でも、すべてを一度に宣言しないと、サイズ変更などの問題が多かったです...正確には分かりません。それはまだそうしても大丈夫だとき）