JqueryUI中的tabs

1.工程中使用了JqueryUI的Tabs,使用参考

http://jqueryui.com/demos/tabs/#option-selected

刚开始我是在参考例子的基础上进行修改的,但是每次进入界面的时候默认

显示的都是一个tab,这样用户体验很不好,假如我在某个tab中做了一些动

 

 

作,然后提交服务器,然后再此返回到这个页面的时候,就不会回到当初修

改的tab中了,经过查看其文档,找到了解决办法。

2.

<script> 
    $(function() { 
        $( "#tabs" ).tabs({ selected: ${params.num}}); 
    }); 
    </script>

如上代码所示:红色部分是自己添加的,我们在后台给其返回一个参数,这

就使这个页面显示我们想要展示的那个tab。它的值从0开始的整数。0代表一

个tab,1代表第二个,以此类推。

当我们在某个tab中做动作的时,当向后台传递数据的时候,可以将额外将

这个tab对应的数值传递过去,然后当后台向前台返回结果的时候再将这个参

数传过来,将其写在上边的代码中去。

ok,调试程序,达到了我们想要的效果。

你可能感兴趣的:(grails,jqeruui)