0

Ext JS を活用する JavaScript コードをモジュール化できるようにするための明確さが必要です。私の目的は、Ext JS ウィジェットを拡張するカスタム クラスを作成し、複数の JavaScript ファイル (.js ファイル) にコードを配布することです。

ドキュメントを調べましたExt.Loaderが、クラスの依存関係を確実に解決するためのアプローチには完全に従っていませんでした。コードのシーケンシャル化が依存関係に従っていることを考えると、単一の JavaScript ファイル内のコードは期待どおりに機能しています。しかし、いくつかの JavaScript ファイルでコードを分割し、複数のページで使用したい場合、すべてのページがさまざまな依存関係を持つ異なるクラスを必要とするため、依存関係が混乱します。

通常のバックエンド コーディングでは、コードの分離と再利用を非常に簡単に実現できることを考えると、これには困惑しました。入力にご協力ください。Ext JS 4.1.1 を使用しています

4

2 に答える 2

1

カスタム コンポーネントの作成時に依存関係の解決を有効にするには、 のrequiresパラメーターを使用しExt.defineます。次のようになります。

Ext.define("My.custom.Widget", {
    alias: "widget.mywidget",
    requires: [
        "My.custom.TextField",
        "My.custom.ComboBox",
        "My.custom.Store"
    ],
    constructor: function(config){}
    /* ... */
});

詳細については、Sencha Web サイトのDynamic Loading と New Class Systemを参照してください。動的読み込みの仕組みについて詳しく説明します。コツをつかめば本当にかっこいいです。

ほとんど忘れていました。Ext.require必要なときに特定のファイルをロードするために明示的に呼び出すことができます。ワイルドカード、エイリアスなどをサポートしています。Ext.exclude特定のファイルが読み込まれないようにすることもできます。

于 2012-08-27T17:12:39.427 に答える
0

Sencha には、フレームワークをマスターするのに役立つ素晴らしいガイドがいくつかあります。 http://docs.sencha.com/ext-js/4-1/#!/guide

手始めに良いのは、http: //docs.sencha.com/ext-js/4-1/# !/guide/ application_architecture アプリケーション アーキテクチャです。このガイドでは、コードをモジュール化する方法と、ローダーが期待するフォルダー構造を明確に示しています。ぜひご覧ください。

于 2012-08-27T17:11:52.677 に答える