Question

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小部件没有被解析，但是当我在主页上声明它时它可以工作。我想也许我必须错过一些东西，请帮助我。

Answer 1

由于您使用的是dojox.mobile，因此您可能在代码之间使用了语法..

http://dojotoolkit.org/documentation/tutorials/1.7/modules/#Defining_modules

对于将来版本，您在模板中使用小部件，参数widgetsInTemplate: true将被弃用。反过来，将dijit._WidgetsInTemplateMixin包含在您的模块的混合中。

e.g;的＆LT; 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 ], {}); });

Answer 2

我在SO thread找到了答案。

我在小部件声明中错过了 widgetsInTemplate: true 。

Dojo不会在自定义小部件的模板html中解析小部件声明

2 个答案: