0

gsp のタブ コンポーネントに最適なオプションは何ですか?

オプション 1 (JQuery)

<div id="tabs">
  <ul>
    <li><a href="${createLink(controller: 'tabcomponent', action: 'search')}">Search</a></li>
    <li><a href="${createLink(controller: 'tabcomponent', action: 'result')}">Result</a></li>
     :

オプション 2 (JQuery)

<div id="tabs">
  <ul>
     <li><a href="#tabs-1">Search</a></li>
     <li><a href="#tabs-2">Result</a></li> 
       :

div id="tabs-1"
  <g:include controller="tabcomponent" action="search"/>
/div
<div id="tabs-2">
    <g:include controller="tabcomponent" action="result"/>
</div>

オプション 3 (RichUI プラグイン)

<resource:tabView />

<richui:tabView id="tabView">
    <richui:tabLabels>
        <richui:tabLabel selected="true" title="My Tab 1" />
     </richui:tabLabels>

    <richui:tabContents>

オプション 2 と 3 では、タブ (ページ) は動的にロードされません。つまり、ページのロード時にすべてのタブがロードされますが、最初のタブ アクションに基づいてタブ 2 (結果) をロードする必要があります。オプション 1 は期待どおりにページを読み込みますが、どの方法が最適か知りたいですか? 前もって感謝します。

4

1 に答える 1