带链接的Dijit菜单（栏）

Question

我正在使用带有声明性标记的Dijit菜单栏。

菜单项包含链接（'a'）：

<li dojoType="dijit.MenuItem" id="i_car_new">
   <a href="/RooTest/cars?form">Create new Car</a>
</li>

菜单呈现正确，甚至链接也显示为链接，但是在菜单中单击此链接时，会发生提示。 （ 我的实际解决方法是添加一个带有“ window.location”的“ onClick”事件。 ）

但我希望这些链接能像正常一样工作（用户单击，浏览请求新页面）。 那我的期望错了吗？ 而我必须更改的是，链接是否有效？

html.file中的相关部分

<html>
<head>
...
<script type="text/javascript">var djConfig = {parseOnLoad: true, isDebug: false};</script>
<script type="text/javascript" src="/RooTest/resources/dojo/dojo.js"></script>
<script type="text/javascript" src="/RooTest/resources/spring/Spring.js"></script>
<script type="text/javascript" src="/RooTest/resources/spring/Spring-Dojo.js"></script>
<script type="text/javascript" language="JavaScript">dojo.require("dojo.parser");</script>
</head>
<body class="tundra spring">
    <div version="2.0" id="menu" dojoType="dijit.MenuBar">
    <script type="text/javascript">
            dojo.require("dijit.MenuBar");
            dojo.require("dijit.PopupMenuBarItem");
            dojo.require("dijit.Menu");
            dojo.require("dijit.MenuItem");
            dojo.require("dijit.PopupMenuItem");
     </script>

     <ul id="_menu">
        <li dojoType="dijit.PopupMenuBarItem" id="c_car">
            <h2>Car</h2>
            <ul dojoType="dijit.Menu">
                <li dojoType="dijit.MenuItem" id="i_car_new">
                   <a href="/RooTest/cars?form">Create new Car</a>
                </li>
                <li dojoType="dijit.MenuItem" id="i_car_list"
                    <a href="/RooTest/cars">List all Cars</a>
                </li>
            </ul>
        </li>
     </ul>
</div>
<div id="main">...</div></body></html>

Answer 1

您单击时不离开页面的原因是因为MenuItem单击时会调用dojo.stopEvent-请参见http://trac.dojotoolkit.org/browser/dojo/tags/release-上的 _onClick（）。 1.6.1 / dijit / MenuItem.js＃L92

如果您想做很多事情，我很想用类似的东西扩展MenuItem（旧语法，我还没有转移到新的AMD做事方式，并且未经测试）：

dojo.provide('dijit.anchorMenuItem');
dojo.require('dijit.MenuItem');

dojo.declare('dijit.anchorMenuItem', dijit.MenuItem, {
    _onClick: function(evt) {
        this.getParent().onItemClick(this, evt);
    }
});

然后，当您需要一个简单的链接时，可以使用它代替默认的MenuItem。 否则，按照您的说法，并在onClick处理程序上添加对window.location的调用，但是我个人认为这比较整洁。

Answer 2

在dojo 1.7中，我尝试：

dojo.provide('dijit.anchorMenuItem');
dojo.declare('dijit.anchorMenuItem', dijit.MenuItem, {
  _onClick: function(evt) {
    this.getParent().onItemClick(this, evt);
    }
  });

...单击顶层MenuItem时未触发

我试过了：

dojo.connect(window.location,"onclick"...

...那没用。

仅供参考，这是有效的方法（对我来说-不是专家）：

dojo.connect(window,"onmouseup",function(_evt) {
  var _wdg = dijit.getEnclosingWidget(_evt.target)
  if (_wdg && _wdg.baseClass && _wdg.baseClass == "dijitMenuItem" && _wdg.onItemClick) {
      _wdg.onItemClick(_evt)
      }
    }
  )