非常に長いExtJSアイテム設定を整理するための良いアプローチは何ですか？

Question

特定の例は、一連のタブを有する「プリファレンス」ウィンドウであり、各タブは一連のフォームフィールドを含む。これらのタブやフォームフィールドは、ウィンドウの外で再利用されることはなく、ウィンドウ自体のインスタンスは1つしかありません。 1つのアイテムの設定を使用すると、数百行になるので、保守が難しくなります。

My.Ns.PreferencesWindow = Ext.extend(Ext.Window, { 

    items: [ 
     // A tab 
     { 
      items: [ 
       // Form fields 
       {}, 
       {}, 
       {}, 
      ] 
     }, 
     // A tab 
     { 
      items: [ 
       // Form fields 
       {}, 
       {}, 
       {}, 
      ] 
     }, 
     ... 
    ] 
}); 

• 私は大のExtJSアプリケーションを整理する方法を求めていないのです。私はBest Way to Organize an ExtJS ProjectとSaki's blog posts on the topicと読みました。
• 各アイテムのExt.extendは実際には複数回インスタンス化されないため意味がありません。
• アイテムのjsonを返す「ジェネレータ」関数内のさまざまなコンポーネントをカプセル化することは、一見すると合理的なアプローチに見えます。

Answer 1

ちょうどそれを読みやすくするために、変数を使用します。

var tabOneCfg = { 
    items: [ 
     // etc. 
    ] 
}; 

var tabTwoCfg = { 
    items: [ 
     // etc. 
    ] 
}; 

My.Ns.PreferencesWindow = Ext.extend(Ext.Window, { 
    items: [ 
     tabOneCfg, 
     tabTwoCfg 
    ] 
}); 

あなたが好きな粒状としてそれを作る、とさえ別々のファイルにサブコンフィグを含めることができる（スキームのそのタイプではないだろうがExt 4でのダイナミックローディングでうまくいく）。コンフィギュレーションの性質によっては、ジェネレータやファクトリ関数も意味をなさない可能性があります。原則としてどちらの方法でも同じです。サブconfigsを小さなチャンクに分割し、必要に応じて使用してください。