gsp中tab组件的最佳选择是什么?
选项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 Plugin)
<resource:tabView />
<richui:tabView id="tabView">
<richui:tabLabels>
<richui:tabLabel selected="true" title="My Tab 1" />
</richui:tabLabels>
<richui:tabContents>
在选项2和3中,选项卡(页面)没有被动态加载。,所有选项卡都在页面加载时加载,但TAB -2(结果)需要基于第一个TAB动作加载。选项1按预期加载页面,但我想知道哪种是最好的使用方式?
使用制表符没有"最佳方式"。使用一个你更熟悉并且符合你需求的。
JQuery UI也有一个用ajax加载选项卡的选项。