将初始参数传递给 ExtJS 4 应用程序

Question

我对 ExtJS 和 javascript 框架绝对是全新的，这是一个非常简单的问题，但我似乎找不到一个例子。

我试图找出如何简单地将初始参数从托管 html 页面传递到 ExtJS 4 应用程序 - ExtJS 4 相当于应用程序托管 html 页面中这条非常简陋的行：

var myapp = new MyApp({param1:'value1', param2:'value2'});

我看到的所有内容：在线示例并不当应用程序启动时，最初不会将参数传递给应用程序。这是不是正确的想法或什么......？

Answer 1

我通常在页面上创建全局变量，然后在js中使用它们。
就像：

//mypage.html

 <script type="text/javascript">
        var loadScansUrl = "<%=Url.Action<ReportScannerRunController>(controller => controller.LoadScans())%>";
        var loadInstancesUrl = "<%=Url.Action<ReportScannerRunController>(controller => controller.LoadInstances(-1))%>";
 </script>

然后我直接在需要的地方使用它们。

//myfile.js

Ext.Ajax.request({
            url: loadInstancesUrl, // here is the usage!!!
            headers: {
                'Content-Type': 'application/json'
            },
            params: this.scanId,
            scope: this,
            success: function (response) {
                var result = Ext.decode(response.responseText);
                var comboData = [];
                Ext.each(result.Instances, function (instance) {
                    comboData.push({ Value: instance });
                });
                instances.store.loadData(comboData);
            }
        });

也许将所有这些变量收集到一个全局对象中是一个好主意，例如：

var globalVariables = {};
globalVariables.someVariable = 2;

这样您将拥有全局数据的一个入口点。

这就是我这样做的方式，很高兴听到其他人是如何做的。

Answer 2

您可以在 app/Configuration.js 中使用单例配置文件，在其中定义所有变量、用于全局访问的 url：

Ext.define('myApp.Configuration', {
        singleton : true,
        urls : { actionURL : /d.php, bgotUrl :abcd.php }
});

您现在需要在 Application.js 文件中需要此文件：
需要 : [ 'myApp.Configuration'] 提前加载它以便在其他文件中使用，例如：

myApp.Configuration.urls.actionURL

所以，我想对于您的应用程序范围设置来说是非常干净的解决方案。
干杯!