Каков правильный способ загрузки внешнего javascript в Sencha Touch 2

Ответ 1

Нет. Не добавляйте дополнительные файлы javascript в файл index.html. Это не рекомендуемый способ (хотя он может работать).

Вместо этого сделайте так,

• Включите следующую строку в index.html. microloader - это папка, которая поставляется с sencha sdk и содержит в основном три файла: development.js, production.js и testing.js, каждая из которых предназначена для его собственной цели.

< script id = "microloader" type = "text/javascript" src= "../../microloader/development.js" > </ script >

• Затем в вашей папке <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"
        }
    ],

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

Ответ 2

Если вы используете Sencha Cmd, ваш index.html может выглядеть следующим образом:

<!-- 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>

Итак, после изменения app.json вам нужно обновить приложение:

sencha app refresh

Ответ 3

Следующее работало для меня с Ext JS 5.0.0, если внешняя библиотека JavaScript является локальной. После редактирования запустите "sencha app build"

Внесите изменения в три элемента JSON в app.json. (1) js (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"

],         .....         .....      }

Ответ 4

чистый javascript помогло. Я просто включил этот блок кода в функцию запуска

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

скриптTag добавляется в тело вашего индексного файла