dojo xhr get load html 不显示 dojo 对象
dojo xhr get load html does not display dojo objects
我正在使用 dojo 1.9。
使用 xhr.get 加载包含 dojo 对象的 html 文件。
尽管 html 页面显示了文本,但没有显示任何 dojo 对象。
Coad 截图如下。
main.js
require(["dojo/_base/xhr", "dojo/dom"], function(xhr,dom){
var url = require.toUrl("page1.html");
xhr.get({
url: url,
load: function(html){
dom.byId("view2").innerHTML = html;
var currentView = dijit.registry.byId('view0');
currentView.performTransition('#p1view0',1,"slide",null);
globalVar = null;
}
});
});
page1.html
<div data-dojo-type="dojox.mobile.View" id="p1view0" data-dojo-props="selected:true">
<p>
This is from Page 1
</p><br>
<ul data-dojo-type="dojox.mobile.IconMenu" id="menu2"
style="width: 274px; height: 210px; margin: 20px;"
data-dojo-props="cols: 1">
<li data-dojo-type="dojox.mobile.IconMenuItem"
data-dojo-props="label: 'Go to Home Page',moveTo:'view0'"></li>
</ul>
</div>
index.html
<!DOCTYPE HTML>
<html>
-----
<body>
-----
<div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
</div>
<div id="view2">
</div>
<script src="js/main.js"></script>
</body>
</html>
您必须在插入新内容后手动调用 dojo 解析器。
参见:http://dojotoolkit.org/reference-guide/1.10/dojo/parser.html
require(["dojo/_base/xhr", "dojo/dom", "dojo/parser"], function(xhr,dom, parser){
var url = require.toUrl("page1.html");
xhr.get({
url: url,
load: function(html){
dom.byId("view2").innerHTML = html;
var currentView = dijit.registry.byId('view0');
currentView.performTransition('#p1view0',1,"slide",null);
globalVar = null;
paerser.parse(dom.byId("view2"));
}
});
});
我正在使用 dojo 1.9。 使用 xhr.get 加载包含 dojo 对象的 html 文件。 尽管 html 页面显示了文本,但没有显示任何 dojo 对象。 Coad 截图如下。
main.js
require(["dojo/_base/xhr", "dojo/dom"], function(xhr,dom){
var url = require.toUrl("page1.html");
xhr.get({
url: url,
load: function(html){
dom.byId("view2").innerHTML = html;
var currentView = dijit.registry.byId('view0');
currentView.performTransition('#p1view0',1,"slide",null);
globalVar = null;
}
});
});
page1.html
<div data-dojo-type="dojox.mobile.View" id="p1view0" data-dojo-props="selected:true">
<p>
This is from Page 1
</p><br>
<ul data-dojo-type="dojox.mobile.IconMenu" id="menu2"
style="width: 274px; height: 210px; margin: 20px;"
data-dojo-props="cols: 1">
<li data-dojo-type="dojox.mobile.IconMenuItem"
data-dojo-props="label: 'Go to Home Page',moveTo:'view0'"></li>
</ul>
</div>
index.html
<!DOCTYPE HTML>
<html>
-----
<body>
-----
<div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
</div>
<div id="view2">
</div>
<script src="js/main.js"></script>
</body>
</html>
您必须在插入新内容后手动调用 dojo 解析器。
参见:http://dojotoolkit.org/reference-guide/1.10/dojo/parser.html
require(["dojo/_base/xhr", "dojo/dom", "dojo/parser"], function(xhr,dom, parser){
var url = require.toUrl("page1.html");
xhr.get({
url: url,
load: function(html){
dom.byId("view2").innerHTML = html;
var currentView = dijit.registry.byId('view0');
currentView.performTransition('#p1view0',1,"slide",null);
globalVar = null;
paerser.parse(dom.byId("view2"));
}
});
});