Dojo似乎没有解析在自定义小部件的模板html文件中声明性地创建的小部件.
但是当我在dojo配置完成的主页中声明性地创建它时,它可以工作
这是代码片段:
主页:
<html>
<head>
<script type="text/javascript">
var dojoConfig = {
parseOnLoad: true,
isDebug: true,
modulePaths : {"com.cgb":"../../../client/vtm/com/cgb"}
};
</script>
<script type="text/javascript" src="../common/dojo/dojo/dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("com.cgb.modules.deposit.step1_agreement");
dojo.require("dojox.mobile.ScrollableView");
</script>
</head>
<body>
<div data-dojo-type="com.cgb.modules.deposit.step1_agreement"></div>
</body>
</html>
自定义小部件:
dojo.provide("com.cgb.modules.deposit.step1_agreement");
dojo.require("dojo.cache");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.require("dojox.mobile.ScrollableView");
dojo.declare("com.cgb.modules.deposit.step1_agreement", [dijit._Widget, dijit._Templated], {
templateString: dojo.cache("com.cgb.modules.deposit", "templates/step1_agreement.html"),
postCreate:function(){
console.log("widget get instantiated");
}
});
自定义小部件的模板html:
<div>
<!--this widget didn't get parsed -->
<div id="view1" dojoType="dojox.mobile.ScrollableView" height="50px">
blah blahblah blah<br/>blah blahblah blah<br/>blah blahblah blah<br/>
blah blahblah blah<br/>blah blahblah blah<br/>blah blahblah blah<br/>
blah blahblah blah<br/>blah blahblah blah<br/>blah blahblah blah<br/>
</div>
</div>
ScrollableView小部件没有得到解析,但是当我在主页上声明它时,它可以正常工作.我想也许我必须错过一些东西,请帮助我.
由于您使用的是dojox.mobile,因此您可能在代码之间使用了语法.
http://dojotoolkit.org/documentation/tutorials/1.7/modules/#Defining_modules
对于将来版本,您在模板中使用小部件,该参数widgetsInTemplate: true将被弃用.反过来,包括dijit._WidgetsInTemplateMixin作为您的模块的mixin.
例如; <1.7
dojo.provide("com.cgb.modules.deposit.step1_agreement");
dojo.require("...");
dojo.declare("com.cgb.modules.deposit.step1_agreement", [dijit._Widget, dijit._Templated], {
widgetsInTemplate: true,
templateString: dojo.cache("com.cgb.modules.deposit", "templates/step1_agreement.html"),
postCreate:function(){
console.log("widget get instantiated");
}
});
和1.7+(期望模块将文件名/路径作为模块和命名空间)
define([ "dojo/_base/declare", "dijit/_WidgetBase", "dijit/_TemplatedMixin",
"dijit/_WidgetsInTemplateMixin" ], // note latter mixin
function(declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin){
return declare([ _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin ], {});
});