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 は期待どおりにページを読み込みますが、どの方法が最適か知りたいですか? 前もって感謝します。