Dojo / Dijit - 仅使用javascript创建和修改自定义小部件

Question

我想创建一个简单的自定义DIJIT小部件，其中包含一个简单的按钮（稍后我会添加其他一些东西）。

我已经创建了文件filterWidget.js（在根目录中）：

dojo.provide("custom.FilterWidget");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.declare("custom.FilterWidget", [dijit._Widget, dijit._Templated], {
    constructor: function() {

    },
    postCreate: function() {
        // Show a Dojo tooltip on the user name node.
        new Button({
            label: "test"
        }).placeAt(this.containerNode);
    }
}); 

在“main”应用程序中，我尝试通过单击按钮实例化“FilterWidget”。

require([
    "dijit/form/Select",
    "dijit/form/Button",
    "dijit/layout/ContentPane",
    "filterWidget",
    "dojo/domReady!"], function(Select, Button, ContentPane, FilterWidget) {


    new Button({
        id: "add",
        label: "Add",
        onClick: function()
        {
            new FilterWidget().placeAt("filterlist");

        }
    }).placeAt("filtri");

    new ContentPane({
        id: "filterlist",
        style:"width: 100%; height: 100%;"
    }).placeAt("filtri");


});

当我加载页面时，我可以看到“添加”按钮，点击它，Chrom调试器说： “Uncaught TypeError：undefined不是函数”（我想是指FilterWidget）。

错误在哪里？