您的位置：首页 > Web前端 > JavaScript

rich:tabPanel 切换 tab

2010-11-19 13:46 288 查看

rich:tabPanel 切换 tab
2009年08月26日星期三 15:50

RichFaces的官方文档没有提供javascript的API，但仔细观察RichFaces组件生成的页面代码后，发现还是有规律可循，下面仅举一例子：

RichFaces的Tab页默认的切换方式是点击(Click)，但我要想换成鼠标移动就切换呢？以下是实现代码：

<h:form id="f1">

    <rich:tabPanel id="abc" switchType="client" selectedTab="bb"
width="210">
        <rich:tab id="aa" label="a"
onlabelmousemove="if (RichFaces.onTabChange(event, 'f1:abc','f1:aa'))RichFaces.switchTab('f1:abc','f1:aa','')">a</rich:tab>
        <rich:tab id="bb" label="b"
onlabelmousemove="if (RichFaces.onTabChange(event, 'f1:abc','f1:bb'))RichFaces.switchTab('f1:abc','f1:bb','')">b</rich:tab>
        <rich:tab id="cc" label="c"
onlabelmousemove="if (RichFaces.onTabChange(event, 'f1:abc','f1:cc'))RichFaces.switchTab('f1:abc','f1:cc','')">c</rich:tab>
</rich:tabPanel>

</h:form>
可以看出，RichFaces有它专门的一套JavaScript库，但官方并没有公布（也可能是小弟不才，从没发现）。在本例中，主要应用了RichFaces.switchTab(arg1,arg2,arg3)函数，其中，arg1指tabPanel的ID，arg2指Tab的ID，arg3指Tab的name（可省略为''）。

关于更多的RichFaces javascript 函数功能，还请大家共同进一步研究。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： richfaces javascript 文档 api c

相关文章推荐

新的分享

章节导航