无法将Click事件处理程序连接到Dojo中的按钮

Question

我正在创建一个小型Web服务，它需要一个按钮来将地图更新到预定点。 在过去的2个小时里，这似乎是一分钟的要求，这让我很忙。

该脚本使用的是ArcGis Js api 3.9。

这是有问题的代码：

//ClickEvent To reCenter the map
var ReCenterButton = dom.byId('btnReCenter');
ReCenterButton.on('click', function (e) { 
     map.centerAndZoom(new Point(14, 51), 9);
});

标记：

<button id="btnReCenter" data-dojo-type="dijit/form/Button" type="button">ReCenter</button>

行ReCenterButton = dom.byId(/* { ... } */); 引发错误：

未捕获的TypeError：未定义不是函数。

我在这里想念什么？

Answer 1

我认为这里有几个错误，首先没有Dojo 3.9，我想这是一个错字，您的意思是Dojo 1.9。

您得到的错误意味着它找不到函数，可能是因为您没有导入dojo/dom模块，因此它找不到了dojo/dom::byId()函数。 确保模块正确包含在require() ，并且已映射到名为dom的变量上，例如：

require([ "dojo/dom" ], function(dom) {
    var ReCenterButton = dom.byId("btnReCenter");
});

但是，DOM节点没有 on()函数，因此这也可能是错误的原因。 当您使用dojo/dom::byId() ，它将返回一个普通的DOM节点。 但是，如果您正在使用dijit/form/Button类的小部件，则应使用dijit/registry::byId()函数，例如：

require([ "dijit/registry", "dojo/ready", "dijit/form/Button", "dojo/parser" ], function(registry, ready) {
    ready(function() { // Wait until the HTML markup is parsed and the widgets are instantiated
        var ReCenterButton = registry.byId('btnReCenter'); // Use dijit/registry
        ReCenterButton.on('click', function (e) {
            map.centerAndZoom(new Point(14, 51), 9);
        });
    });
});