dojo - 如何相对于触发器设置dijit.menu？

Question

我有几个这样的菜单:

// Contextual Menu
// triggers
<div id="contextMenuTrigger0">0</div>
<div id="contextMenuTrigger1">1</div>
// menu
<div dojoType="dijit.Menu" 
     targetNodeIds="contextMenuTrigger0, contextMenuTrigger1" 
     leftClicktoOpen="true" style="display:none">
      <div dojoType="dijit.MenuItem" class="first">Item One</div>
      <div dojoType="dijit.MenuItem">Item Two</div>
      <div dojoType="dijit.MenuItem">Item Three</div>
      <div dojoType="dijit.MenuItem">Item Four is really, really long item.</div>
</div>

和这个:

// Tools Menu
// trigger
<div id="toolsButton">Tools</div>
// menu
<div dojoType="dijit.Menu" class="toolsMenu" 
     targetNodeIds="toolsButton" 
     leftClicktoOpen="true" style="display:none">
      <div dojoType="dijit.MenuItem" class="first">Item One</div>
      <div dojoType="dijit.MenuItem">Item Two</div>
      <div dojoType="dijit.MenuItem">Item Three</div>
      <div dojoType="dijit.MenuItem">Item Four</div>
</div>

现在，当菜单打开时，它会出现在鼠标下方。我希望它出现在相对于触发器*的特定位置。我发现了启动事件和onOpen事件，并尝试编写一个在其中设置菜单的domNode样式的函数，但它们似乎没有生效。

另外，在存在多个节点的情况下，我也没有找到找出触发哪个节点的方法。

我看到了 this和 this，但是在'em'方面并不能走得更远。

* FWIW，我希望它们的位置能够使菜单的左上角与上下文触发器的右上角以及“工具”菜单的左下角对齐。

Answer 1

我发现以下css覆盖效果很好，如果您只想在自动定位中找到相对的区别:

.dijitMenuPopup {
    margin-left: -25px !important;
    margin-top: 15px !important;
}