Ext Js 4.1.1 を使用しています。
私が使用している Ext JS ウィジェットの多くでは、データを再利用する必要があります。たとえば、上部のツールバーのitemsコレクションはbuttongroup、左側のメニュー バーで繰り返される場合があります。items管理しやすくするために、コレクション用の配列を別のファイルで定義できるようにする必要があります(これは、自動ロードのクラス命名規則に従う可能性があります)。
私が試したアプローチは、静的なクラスを作成することです。各静的関数は、ウィジェットのアイテム コレクションに割り当てることができる配列を返します。これは機能しますが、配列だけを使用できる場合、クラスを使用するのはやり過ぎだと思います。助言がありますか？
ツールバー、ボタン グループなどの構成を保存するために個別のオブジェクトを作成することが役立つかどうかはわかりません。ほとんどの場合、extjs のコンテキストでは、構成だけでなくコンポーネントの動作も管理する必要があります。
ここで私にとって最善の方法は、構成だけでなく動作を回避し、カスタムイベントを追加し、予期しない結果を処理できるジェネリック/基本定義済みクラスの作成です。その後、簡単に再利用して簡単に拡張できます。
たとえば、A、B、C の 3 つの項目を含むメニューまたはツールバーがあるとします。それを使用する場所で (たとえば) A、B、C のどれがクリックされたかを確実に知る必要があります。クラスを作成し、必要なイベントを管理することができます。何がクリックされたかを知らせる独自のイベントを発生させ、このコンポーネントが使用されるあらゆるコンテキストで使用するのがはるかに簡単になります。後処理と前処理、テンプレート メソッドなどを追加します。
構成だけで大きなファイルを作成することは、読み取りも拡張もできません。このような一般的なコンポーネントすべてに機能と動作を追加する必要が生じる場合があり、配列や単純な構成だけでは容易ではありません。単純な構成だけの単純な一般的なコンポーネントでも (最初は) 分離することで、コード構造と読みやすさの表現力が向上し、後でそれを管理する力が得られます。
純粋な構成は、コードの正確性と再利用性を維持できますが、ほとんどの場合、制御が必要な場合の動作はどうなりますか..
設計、保守性、および拡張性は、すべての大きな Web アプリケーションおよび extjs 4 のコンテキストにおいて非常に重要なポイントです。