1

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

4

2 回答 2

5

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

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

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

例如; < 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 ], {});
});
于 2012-09-14T08:09:45.483 回答
1

我在这个SO thread找到了答案。

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

于 2012-09-14T08:03:28.433 回答