1

我的HTML页面上有类似的内容。

 <html>
 <body>
      <div dojoType="dijit.layout.TabContainer" id="allTabContainer" style="width: 1150px; height: 490px" tabPosition="left-h" persist="true">
          <div dojoType="dijit.layout.ContentPane" id="firstTab_id" title="firstTab" >Content 1</div>
          <div dojoType="dijit.layout.ContentPane" id="secondTab_id" title="secondTab" >Content 2</div>
          <div dojoType="dijit.layout.ContentPane" id="thirdTab_id" title="thirdTab" ><jsp:include flush="true" page="thirdTab_page.jsp"></jsp:include></div>
      </div>
 </body>
 </html>

我在thirdTab_page.jsp上有 3 个按钮，单击它们会调用下面的selectTab javascript 函数。请检查相同的代码。

    <html>
    <body>

    <div dojoType="dijit.layout.BorderContainer" style="padding:10px; width: 50%;" id="borderCont">
                                      <button dojoType="dijit.form.Button" type="submit" id="firstTab" onclick="selectTab(this.id);">Tab1</button>
       <button dojoType="dijit.form.Button" type="submit" id="secondTab" onclick="selectTab(this.id);">Tab2</button>
       <button dojoType="dijit.form.Button" type="submit" id="thirdTab" onclick="selectTab(this.id);">Tab3</button>

    </div>
    </body>
    </html>

然后我有这样的javascript函数。

    <script type="text/javascript"> 
    dojo.require("dijit.layout.TabContainer"); 
    function selectTab(tabId){
    var correctTabId = tabId+"_id";
    dijit.byId("allTabContainer").selectChild(correctTabId);
    }
    </script>

tabContainer.selectChild 似乎在 IE 中不起作用，但在 Firefox 中完美。如果我错过了什么，请提出建议。提前致谢。

4

0 回答 0