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つのボタンがあり、クリックすると以下のselectTabjavascript関数が呼び出されます。同じコードを確認してください。

    <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