2013-04-04 05:53
编辑:蝙蝠
阅读:
9647
次
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>