我已经阅读了文档:
https://dojotoolkit.org/reference-guide/1.10/dojo/domReady.html
还有一个相关问题:
dijit/registry 和 dojo/domReady 的 Dojo 计时问题
我仍然不确定正确的方法。 与其他用户一样,我有一个(很长)具有多个视图的单页 Web 应用程序。
我的所有js都需要
dojo/domReady!
,但不足以保证加载时dijit/registry
的正确行为。
这是我的配置:
script(type="text/javascript").
dojoConfig = {
has: {
"dojo-firebug": false,
"dojo-debug-messages": false,
isDebug: false
},
parseOnLoad: false,
mblHideAddressBar: true,
async: true
};
script(src="/javascripts/dojo/dojo.js")
script(type="text/javascript").
require([
"dojox/mobile/parser",
"dojox/mobile/View",
"dojox/mobile/Button",
"dojox/mobile/TextBox",
"dojox/mobile/RoundRect",
"dojox/mobile/FilteredListMixin",
"dojox/mobile/TextArea",
"dojox/mobile/Switch",
"dojox/mobile/FormLayout",
"dojox/mobile/SimpleDialog",
"dojo/domReady!"
], function (parser) {
parser.parse();
});
然后,对于每个视图,我都有一个像这样的模板的 js 函数:
#viewLogin(data-dojo-type="dojox/mobile/View" data-dojo-props="selected:true")
...
script(type="text/javascript").
require([
"dojo/dom",
"dojo/on",
"dojo/request/xhr",
"dojo/dom-form",
"dojo/_base/window",
"dijit/registry",
"dojox/mobile/parser",
"dojox/mobile/View",
"dojox/mobile/compat",
"dojox/mobile/Button",
"dojox/mobile/TextBox",
"dojox/mobile/RoundRect",
"dojox/mobile/FormLayout",
"dojox/mobile/SimpleDialog",
"dojo/domReady!"
], function (dom, on, xhr, domForm, win, registry) {
var txt = registry.byId("txtName").set("value", userName);
...
将每个js脚本内的所有代码包装到
ready(function(){ });
中就足够了吗?
实际上这个问题可以分为两部分:
dojo/ready doc 意味着 dojo/domReady 更可取。这两者都涉及 DOM 准备就绪,这意味着 AMD 资源已加载并且浏览器已准备好初始 DOM。解析 DOM、创建小部件并运行代码是 domReady 之后的下一步。
您发布的两个示例仅由 dojo/domReady 保护,因此视图代码可以在解析器仍在扫描 DOM 并创建小部件实例之前(或同时)运行。您需要一些其他方式来告诉应用程序一切已准备就绪,或者当您尝试将数据加载到小部件中时进行更改。
dojo/Parser.parse 返回一个承诺,因此您可以使用它来知道解析何时完成(请参阅文档以获取警告),从而创建小部件。然后,您可以启动视图,或发布一个主题,让其他对象知道一切已准备就绪。
您获取用户名的请求可以在小部件的
startup
方法中完成。尽管这将您的小部件与数据耦合在一起,但这并不好。其他一些对象可能负责获取该数据并创建和启动视图。