Richfaces Javascript API初探

lteb2002

浏览: 19278 次
性别:
来自: 许昌

最近访客更多访客>>

tritreechina

zfcqqqqa

hyb123321

karbo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

richfaces JavaScript JSF C C++

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 函数功能，还请大家共同进一步研究。

分享到：

JSF2：全宇宙最强的WEB框架 | GlassFish v2 虚拟主机配置感悟

2009-01-23 09:22
浏览 4336
评论(2)
查看更多

2 楼 Flouse 2009-02-20

Demo
http://livedemo.exadel.com/richfaces-demo/richfaces/suggestionBox.jsf?c=suggestionBox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

<ui:composition>
    <script type="text/javascript">
            function printObjectsSelected(output, sgcomponent){
                output.innerHTML=sgcomponent.getSelectedItems().pluck('state');
            }
        </script>

    <h:form id="form">
        <h:panelGrid columns="2">
            <h:outputText value="Input with states names suggestions" />
            <h:panelGrid columns="2" border="0" cellpadding="0" cellspacing="0">
                <h:inputText style="margin:0px;" id="statesinput" />
                <h:graphicImage value="/images/icons/arrow.png"
                    onclick="#{rich:component('suggestion')}.callSuggestion(true)"
                    alt="" />
            </h:panelGrid>
            <h:outputText value="States capitals for suggested capitals" />
            <h:outputText id="objects" style="font-weight:bold" />
        </h:panelGrid>
        <rich:suggestionbox height="200" width="200"
            usingSuggestObjects="true"
            onobjectchange="printObjectsSelected(#{rich:element('objects')}, #{rich:component('suggestion')});"
            suggestionAction="#{capitalsBean.autocomplete}" var="cap"
            for="statesinput" fetchValue="#{cap.name}" id="suggestion" tokens=",">
            <h:column>
                <h:graphicImage value="#{cap.stateFlag}" />
            </h:column>
            <h:column>
                <h:outputText value="#{cap.name}" />
            </h:column>
        </rich:suggestionbox>
    </h:form>
</ui:composition>

</html>

---------------------------------------------------------
onclick="#{rich:component('suggestion')}.callSuggestion(true)"

我这样写总是出错，不知是为什么。

1 楼 will-vip 2009-02-01

但是这里的id不就限死了，如果又是嵌套到某个table里边动态生成的话不麻烦？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论