欢迎光临成都无标度网络科技有限公司!



使primefaces3的tabview切换方式由click变为mousemove

2013-04-04 05:53    编辑:蝙蝠    阅读: 8233

primefaces是一个非常优秀的JSF2框架,但在3.x版本中的tabview只能以点击方式(click)切换,这很不符合我国网民的浏览习惯,研究了一翻,搞出一套以鼠标滑动(mousemove)切换的方案,具体代码如下:

<h:form>
            <script>
                $(document).ready(function(){
                    $('a[href$="tv:t1"]').css('cursor','pointer').bind('mousemove',function(){
                        tv.select(0);
                    });

                    $('a[href$="tv:t2"]').css('cursor','pointer').bind('mousemove',function(){
                        tv.select(1);
                    });
                });

            </script>
            <p:tabView id="tv" widgetVar="tv" activeIndex="1">
                <p:tab id="t1" title="11">
                    1
                </p:tab>
                <p:tab id="t2" title="22">
                    2
                </p:tab>
            </p:tabView>
        </h:form>