可以将dojo TabContainer配置为通过鼠标切换吗？

Question

我正在使用dojo toolkit dijit.layout.TabContainer来切换3个标签页。 现在我点击标签来切换它们，但我想用鼠标切换它们。

可以将TabContainer配置为通过鼠标切换，还是应该编写代码来处理鼠标悬停事件以显式切换标签？

我很感激任何建议！

-Sari

Answer 1

是。对于此功能，我们需要将onmouseover事件添加到选项卡标签字段。在dojo / ready（或addOnLoad）函数中添加此代码。

require(["dojo/ready","dojo/query"], function(ready,query){
  ready(function(){
    var tabs = dijit.byId("TabContainerID");
    query("#TabContainerID.dijitTabInner").onmouseover(function(evt){
     var tablabelid = dijit.getEnclosingWidget(evt.target).id;
     var currentId = dijit.byId("TabContainerID").selectedChildWidget;
     var tabwidid = tablabelid.split("_").pop();
     if(tabwidid && currentId!=tabwidid) {
      tabs.selectChild(tabwidid);
     }
   });
  });
});