0

私はjquery uiタブを使用しており、タブのコンテンツはいくつかのjsfコードで構成されており、タブを遅延ロードしたいので、デフォルトのrender=falseでタブdivをパネルグループとして作成し、クリック時にrender = trueを設定することを考えましたタブ リンクは次のとおりです。

<div class="tabs">
        <h:form prependId="false">
        <ul>
            <li><a id="tab1_link" href="#tab1">tab1</a></li>
            <li><a id="tab2_link" href="#tab2">tab2</a></li>
            <li>
               <h:commandLink id="tab3_link" action="#insight" value="tab3">
                 <f:ajax></f:ajax> // here will be listener 
                                   //to set the tab panel rendered to true
               </h:commandLink>
            </li>
        </ul>
        </h:form>

        <div id="tab1">
            some dynamic code here
        </div>

        <div id="tab2">
            some dynamic code here
        </div>

        <h:panelGroup id="tab3">
            some dynamic code here
        </h:panelGroup >

</div>

コマンド リンクをクリックするときに h:commandLink を li 内に追加すると、ページ全体がタブ内に読み込まれていることがわかります。

アドバイスしてください、ありがとう。

4

1 に答える 1

0

代わりに次の例を使用して、ajax をロードしたタブを作成しました: http://jqueryui.com/tabs/#ajax

于 2013-10-18T16:22:30.240 に答える