クリックしたウィジェットを特定するにはどうすればよいですか？ Dojo

Question

マウスのクリックイベントを観察し、どのウィジェットがクリックされたかを判断する方法はありますか？

だから基本的に私は

on("click", function (e) { 
    //var aWidget = dijit.getEnclosingWidget(e.target); 
    //var id = aWidget.id 
    //do something based on the widget id 
}); 

Answer 1

することができますが、いくつかの追加ステップが必要です。
基本的には、ロジックは です。ノードをクリックすると、属性がwidgetId のノードが見つかるまで、DOMに移動する必要があります。持っている場合は、dijit/registry::byNodeを使用してウィジェットを取得してください。

ノードトラバーシングをスキップすると、ウィジェットのメインdomNodeがクリックされた場合にのみウィジェットが見つかります。

require(['dojo/on', 'dijit/registry'], function(on, registry){ 
    on(document, 'click', function(event){ 
     var target = event.target, 
      widget; 
     while(!target.getAttribute('widgetId') && target.parentNode) { 
      target = target.parentNode; 
     } 
     widget = registry.byNode(target); 
     console.warn(widget); 
    }); 
}); 

注意してくださいあなたがページでのロードされた1つの道場のインスタンスを持っている場合は、この方法は、ONLYに動作します。
ページに複数のdojoインスタンスがある場合は、documentclickイベントをすべてのdojoインスタンスによって添付する必要があります。

Answer 2

は、オーバーヘッドの多くなる可能性があります（ページの任意の場所にマウスクリックで）このような何かを行うことがしたいが、そうすることができます

require(["dojox/mobile/deviceTheme","dojo/on","dijit/registry"],function(theme,on,reg){ 
    on(document,'click', function(e){ 
    console.log(e.target); 
    var widget = reg.byNode(e.target); 
    console.log("foundWidget::" + widget.id); 
    }); 
});