创建自定义Dojo小部件

时间:2009-11-04 05:34:12

标签: dojo

我是Dojo世界的新手。我试图从头开始创建一个自定义的dojo小部件。我面临的问题是小部件没有被解析。我看到该小部件的postCreate方法未被调用。正在从服务器下载小部件JS文件。

以下是我遵循的步骤。

  1. 在测试文件夹中创建了一个JavaScript文件CustomWidget.js。

    dojo.provide('test.CustomWidget'); 
    dojo.require('dijit._Widget');
    
    dojo.declare('test.CustomWidget', dijit._Widget, {
    
        text: "Hello World",
    
        postCreate: function() {
            console.log(this.text+'text');
            this.domNode.innerHTML=this.text;
        }
    });
    
  2. 在我的jsp文件中,我使用dojo.require导入了test.CustomWidget。

    <script type="text/javascript">
    
        dojo.require('test.CustomWidget');
    
        dojo.addOnLoad(function(){ dojo.parser.parse("addFavorites"); });
    </script>
    <div id='addFavorites' dojoType='test.CustomWidget'>
    </div>
    
  3. 我可以看到正在下载CustomWidget.js文件,但是我没有看到正在打印的控制台语句。有人可以帮助我吗?

1 个答案:

答案 0 :(得分:2)

看起来你没有实例化小部件,你有没有像这样的代码?

<div dojoType="mindtree.CustomWidget">...</div>

否则就像声明一个类但从不调用new。