Sencha Touch 2で外部のJavaScriptを読み込むにはどうすればいいですか

Question

私の開発では、3番目の部分のjavascriptを含める必要があります。

これを達成するための最良の「きれいな」/「適切な」方法は何ですか？ index.htmlに含めるだけですか？

Answer 1

いいえ追加のjavascriptファイルをindex.htmlファイルに直接追加しないでください。それはが推奨ではありません（でも可能ですが、）。

代わりに、このように、

• はあなたのindex.htmlに次の行を含めます。 microloaderは、sencha sdkに同梱されているフォルダで、主にdevelopment.js、production.js、testing.jsの3つのファイルが含まれています。

<スクリプトのid = "microloader" タイプ= "テキスト/ javascriptの" SRCは= "../../ microloader/development.js"> < /スクリプト>

• 次に、<appname>フォルダに、app.jsonという名前のファイルが必要です。それは次のようになります。..

{ 
    "name": "Sencha", 

    // All javascript files go here ... 
    "js": [ 
     { 
      "path": "../../sencha-touch-all-debug.js" 
     }, 
     { 
      "path": "app.js", 
      "update": "delta" 
     }, 
     { 
      "path": "http://josscrowcroft.github.com/money.js/", 
      "update": "delta" 
     } 
    ], 
    "css": [ 
     { 
      "path": "../../resources/css/sencha-touch.css", 
      "update": "delta" 
     }, 
     { 
      "path": "resources/css/app.css", 
      "update": "delta" 
     } 
    ], 

    ..... 
    ..... 
    ..... 
} 

Answer 2

あなたは煎茶Cmdをを使用している場合は、あなたのindex.htmlは次のようになります。だからあなたをapp.json変更した後

<!-- The line below must be kept intact for Sencha Command to build your application --> 
<script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script> 

あなたのアプリを更新する必要があります：

sencha app refresh 

Answer 3

次は私のために働いていますExt JS 5.0.0（外部JavaScriptライブラリがローカルの場合）編集後、 "sencha app build"を実行してください

app.jsonの3つのJSON要素に変更を加えます。 （1）純粋なJavascriptを行った （2）CSS （3）リソース

{ 
    "name": "Sencha", 

    // All javascript files go here ... 
"js": [ 
    { 
     "path": "app.js", 
     "bundle": true 
    }, 
    { 
     "path": "leaflet/leaflet.js", 
     "bundle": true 
    } 
], 
"css": [ 
    { 
     "path": "bootstrap.css", 
     "bootstrap": true 
    }, 
    { 
     "path": "leaflet/leaflet.css", 
     "bootstrap": true 
    } 
], 

    ..... 
/** 
* Extra resources to be copied along when build 
*/ 
"resources": [""leaflet/leaflet.js","leaflet/leaflet.css" 

]、..... .....}

Answer 4

をJS私のためにトリック。私はちょうど

var scriptTag = document.createElement('script'); scriptTag.src = 'specify the path here...'; document.body.appendChild(scriptTag);

scriptTagは、あなたのインデックスファイルの本体に付加されます打ち上げ関数のコードブロックを含め

それが動作するようにした場合...私は両方を試してみた