无法为某些属性创建 Dojo 自定义构件

Question

>我正在尝试为电子邮件地址创建自定义的验证文本框小部件。 我们的系统中有许多区域使用电子邮件地址输入，我想创建一个具有默认正则表达式、无效消息等的小部件。 问题是有两个属性：占位符和最大长度似乎没有添加到我的扩展类中。 我的代码如下：

define([
    "dojo/_base/declare", // declare
    "dijit/form/ValidationTextBox",
    "dojo/_base/lang"
], 
function(declare, ValidationTextBox, lang){  
    return lang.mixin(ValidationTextBox, {
    invalidMessage: "Please enter a valid email address.",
    missingMessage: "Please enter a valid email address.",
    regExp : "[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$",
    maxlength : 50,
    placeholder : 'Your Email'
    });
});

如果我在我的页面上使用它，无效消息可以正常工作，但是在我使用它的任何地方，我都没有看到占位符，也没有应用最大长度。 除了 lang.mixin 方法之外，我还尝试使用此处所述的声明方法：http://www.sitepen.com/blog/2010/07/01/creating-and-enhancing-dojo-classes/。 我得到相同的结果。

知道我错过了什么吗？

Answer 1

请参阅您在 http://jsfiddle.net/phusick/eLkwb/中描述的两个选项

使用dojo/_base/lang::extend而不是mixin：

lang.extend(ValidationTextBox, {
    invalidMessage: "Please enter a valid email address.",
    missingMessage: "Please enter a valid email address.",
    pattern: "[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$",
    required: true,
    maxLength: 3,
    placeHolder : 'Your Email'
});

另请注意：

• regExp已弃用，请改用pattern
• 属性区分大小写：so placeHolder 、 maxLength
• 确保在扩展发生后dojo/parser::parse()（用于标记实例化）
• maxLength由于某种原因不起作用（请参阅下面的declare解决方法）

通过子类化实现相同的目标：

define([
    "dojo/_base/declare",
    "dijit/form/ValidationTextBox"
], function(
    declare,          
    ValidationTextBox
) {
    return declare([ValidationTextBox], {
        postCreate: function() {
            // a workaround to make maxLength working
            this.inherited(arguments);            
            this.set("maxLength", this.maxLength);
        },            
        invalidMessage: "Please enter a valid email address.",
        missingMessage: "Please enter a valid email address.",
        pattern: "[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$",
        required: true,
        maxLength: 3,
        placeHolder : 'Your Email'
    });
});