javascript - Dojo 菜单栏项目在页面关闭后保持焦点

Question

• 我有 dijit.MenuBar 和一些菜单栏项目。
• 单击菜单栏项后，将打开一个弹出页面。
• 关闭弹出窗口后，菜单栏项仍然处于焦点状态。
• 我的需求是，弹出页面关闭后，菜单栏项不应该成为焦点。

这是我的菜单栏:

<div class="claro" id="menuDiv21" onclick="setWidgetproperty(this.id,'x','navMenu21');" onmousedown="setMenuBarProperty('navMenu21');" onmouseup="setDocStyle(this.id)" style="border:1px dotted white; left: auto; position: absolute; top: 620px;">
     <div dojotype="dijit.MenuBar" id="navMenu21" style="font-size:11pt;" title="MenuBar">
          <div dojotype="dijit.MenuBarItem" id="SearchMenu21" onclick="getWorklistManagerSearch('htmlTable2');setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="SearchMenu21" name="search5.png" onclick="setImgProperty(this.id)" src="images/uploads/search.png" style="height:20px; width:20px;">
               Search
          </div>
          <div dojotype="dijit.MenuBarItem" id="TaskMenu21" onclick="setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="TaskMenu21" name="task6.png" onclick="setImgProperty(this.id)" src="images/uploads/task.png" style="height:20px; width:20px;">
               Task
          </div>
          <div dojotype="dijit.MenuBarItem" id="AssignMenu21" onclick="javascript:popupwindow('assign.jsp', 'Assign', 900, 550)" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="AssignMenu21" name="assign7.png" onclick="setImgProperty(this.id)" src="images/uploads/assign.png" style="height:20px; width:20px;">
               Assign
          </div>
          <div dojotype="dijit.MenuBarItem" id="ModifyMenu21" onclick="getWorklistManagerModify();" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="ModifyMenu21" name="modify8.jpg" onclick="setImgProperty(this.id)" src="images/uploads/modify.jpg" style="height:20px; width:20px;">
               Modify
          </div>
          <div dojotype="dijit.MenuBarItem" id="OrderMenu21" onclick="setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="OrderMenu21" name="order9.jpg" onclick="setImgProperty(this.id)" src="images/uploads/order.jpg" style="height:20px; width:20px;">
               Order
          </div>
          <div dojotype="dijit.MenuBarItem" id="HistoryMenu21" onclick="getWorklistManagerHistory();" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="HistoryMenu21" name="history10.png" onclick="setImgProperty(this.id)" src="images/uploads/history.png" style="height:20px; width:20px;">
               History
          </div>
     </div>
</div>

Answer 1

如果您的菜单项打开了 dijit/Dialog，则对话框的默认行为是在对话框关闭时重新聚焦启动它的项目。

此行为由 Dialog 上名为 refocus 的属性驱动，该属性默认为 true。

如果您在创建对话框时传入{refocus:false}，则该行为将被关闭。