1

Sencha Touch 应用程序有 requires:[] 选项来指定我们需要加载的控制器、模型和存储等列表，以便应用程序工作，但是有没有办法在加载依赖项之前执行我们需要的东西。例如，即使在加载所有依赖项之前，我也需要浏览器语言。那么有可能做到吗？

4

3 回答 3

1

我在 ST Microloader 中添加了一些行：

    this.css = processAssets(manifest.css, 'css');

    // Load language strings
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'api/Settings', false);
    xhr.send(null);
    var settings = eval("(" + xhr.responseText + ")");
    Lang = settings.Translations[0];
    Options = settings.Options[0];
    // End Load Language Strings

    this.js = processAssets(manifest.js, 'js');
于 2014-09-03T07:29:52.717 回答
1

请记住：Sencha Touch 只不过是 JavaScript。您可以在加载 sencha 微加载器的脚本标签前面的 index.html 中添加一些脚本。

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>FNL</title>
    <style type="text/css">
        <!-- sencha stuff -->
    </style>

    <script id="myScript" type="text/javascript" src="myScript.js"></script>
    <!-- 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>
</head>
<body>
    <div id="appLoadingIndicator">
        <div></div>
        <div></div>
        <div></div>
    </div>
</body>
</html>
于 2014-09-03T05:19:18.477 回答
1

在 ExtJS 中，我通过首先加载一个依赖类来实现这一点

Ext.require([
   'MyApp.Dependencies', 
    .. 
]);

所以 Dependecies 类在所有控制器之前加载，看起来像这样

Dependencies.js：

Ext.define('MyApp.Dependencies', {  

    singleton: true,

    init: function() {
        // load translation data
    }

});

MyApp.Dependecies.init();

为了完成，我的 init 函数看起来像这样：

inti: function(){
    function loadScriptSync(url) {
        var xhrObj = new XMLHttpRequest();
        // open and send a synchronous request
        xhrObj.open('GET', url, false);
        xhrObj.send('');
        // add the returned content to a newly created script tag
        var se = document.createElement('script');
        se.type = "text/javascript";
        se.text = xhrObj.responseText;
        document.getElementsByTagName('head')[0].appendChild(se);
    }

    var language =  this.getLanguage();

    loadScriptSync("resources/locale/locale." + language + ".js");
}
于 2014-09-03T08:45:38.307 回答