Grails gsp的最佳选项卡选项

时间:2013-05-16 18:14:09

标签: grails tabs gsp

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插件)

<resource:tabView />

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

    <richui:tabContents>

在选项2和3中,选项卡(页面)没有动态加载,即,所有选项卡都在页面加载时加载,但是需要根据第一个选项卡操作加载选项卡-2(结果)。选项1按预期加载页面,但我想知道哪种方法最好?提前谢谢。

1 个答案:

答案 0 :(得分:1)

没有&#34;最好的方式&#34;使用选项卡。使用您更熟悉并满足您需求的那个。

JQuery UI也have an option使用ajax加载标签。