使用JSP和RichFaces。单击“运行搜索”按钮时,搜索div应该会变暗,结果div应该会变暗。

       <div id="paper">

        <f:view>
            <h:form>

                <div id="criteria">
                    <rich:panel header="Search">
                        <h:inputText value="#{Bean.name}" id="name">
                            <h:outputLabel for="name" value="Enter Name: " />
                        </h:inputText>

                        <a4j:commandButton value="Run Search" action="#{Bean.runSearch}"
                                           onclick="hideCrit({duration:0.8}); showResult({delay:1.5,duration:0.5});"
                                           reRender="searchresultstable">
                        </a4j:commandButton>
                    </rich:panel>
                </div> <!-- end criteria -->

                <rich:effect name="hideCrit" for="criteria" type="BlindUp" />
                <rich:effect name="showResult" for="results" type="BlindDown" />

                <div id="results" style="display: none;">
                    <a4j:commandButton
                        id="searchbttn" value="Back To Search"
                        onclick="hideResult({duration:0.8}); showCrit({delay:0.9,duration:0.5});"
                        reRender="searchresultstable" />

                    <rich:panel header="Results">
                        <rich:dataTable id="searchresultstable" value="#{Bean.results}" var="req"
                                        styleClass="dataTable" rowClasses="oddrow, evenrow">

                            <f:facet name="header">
                                <rich:columnGroup>
                                    <h:column>
                                        <h:outputText styleClass="headerText" value="Name" />
                                    </h:column>
                                </rich:columnGroup>
                            </f:facet>

                            <rich:columnGroup>
                                <rich:column>
                                    <h:outputText value="#{req.name}" />
                                </rich:column>
                            </rich:columnGroup>
                        </rich:dataTable>
                    </rich:panel>
                </div> <!-- end results -->

                <rich:effect name="showCrit" for="criteria" type="BlindDown" />
                <rich:effect name="hideResult" for="results" type="BlindUp" />

            </h:form>
        </f:view>

    </div> <!-- end paper -->


我在Tomcat Web服务器上运行此程序。

包含的库是:


JSF 1.2
JSTL 1.1
commons-beanutils-1.7.0.jar
commons-collections-3.2.jar
commons-lang-2.2.jar
commons-logging-1.1.1.jar
mysql-connector-java-3.1.1.jar
richfaces-api-3.3.0.GA.jar
richfaces-impl-3.3.0.GA.jar
richfaces-ui-3.3.0.GA.jar


我遇到两个错误。

加载时:


  element.dispatchEvent不是函数


单击“运行搜索”按钮时。


  element.makeClipping不是函数


编辑似乎其他富组件也可以正常工作,例如,但是我尝试了诸如淡入淡出等多种处理,但它们似乎不起作用。

谢谢,

最佳答案

问题是context.xml文件中的一个参数。

原始文件:

<?xml version="1.0" encoding="UTF-8"?>
<Context antiJARLocking="true" path="/project"/>


我无法识别antiJARLocking参数,因此我将其删除,现在一切正常。

新文件:

<?xml version="1.0" encoding="UTF-8"?>
<Context path="/project">


感谢大家的投入。

10-05 22:47