dojo 1.9自定义小部件扩展dijit/form/DateTextBox时出错

eoxn13cs  于 2022-12-20  发布在  Dojo
关注(0)|答案(1)|浏览(271)

开发一个扩展dijit/form/DateTextBox的自定义小部件并收到以下错误:Error:无法解析的构造函数:'GilCnPluginDojo.util.CustomDateTextBox'有人知道发生了什么吗?看不出有什么问题。这是我的代码:

require(["dojo/ready",
         "dojo/parser",
         "dijit/form/DateTextBox",
         "dojo/_base/declare",
         "dijit/registry"], 
        function(ready, parser, DateTextBox, declare, registry) {
         declare("GilCnPluginDojo.util.CustomDateTextBox", [DateTextBox], {
         postCreate: function() {
            this.inherited(arguments);
            this.set('constraints', {
                 min: '01/01/1950',
                max: new Date(),
                datePattern: 'MM/dd/yyyy'
            });
        }
    });
};
4urapxun

4urapxun1#

你需要把你声明的类型赋给变量来创建新的对象。看下面的代码片段。(我已经删除了不必要的模块,它错过了一些下拉菜单的css文件,但这在这里并不重要。)

require(["dijit/form/DateTextBox",
         "dojo/_base/declare"], 
        function( DateTextBox, declare) {
     var CustomDateTextBox = declare("GilCnPluginDojo.util.CustomDateTextBox", [DateTextBox], {
         postCreate: function() {
            this.inherited(arguments);
            this.set('constraints', {
                 min: '01/01/1950',
                max: new Date(),
                datePattern: 'MM/dd/yyyy'
            });
        }
    });
    
    new CustomDateTextBox().placeAt('result');
});
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.9.7/dojo/dojo.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.9.7/dijit/themes/claro/claro.css" rel="stylesheet"/>
<div id='result' class='claro'></div>

要在其他模块中使用您的自定义模块,您应该使用define而不是require,并返回您声明的类。

//CustomDateTextBox.js
 define(["dijit/form/DateTextBox", "dojo/_base/declare"], 
 function( DateTextBox, declare) {
   return declare("GilCnPluginDojo.util.CustomDateTextBox", [DateTextBox], {
    //some code
  });
});

//MainModule.js
 require(["your/path/to/CustomDateTextBox"], 
 function( CustomDateTextBox) {
   var cdtb = new CustomDateTextBox();
});

相关问题