【发布时间】:2009-04-27 14:19:18
【问题描述】:
使用 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 网络服务器上运行它。
包括的库是:
- 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 不是函数
编辑似乎其他丰富的组件可以工作,但是,我尝试了多种,例如淡入淡出,它们似乎不起作用。
谢谢,
【问题讨论】:
-
“盲上/下”是什么意思?
-
这是一个丰富的效果。 div 会像窗户上的百叶窗一样向上/向下遮住。
-
我不知道它是否有帮助,但是这段代码适用于 Facelets,所以你可能需要看看 JSP 是如何处理这一切的。
-
@ckarmann 谢谢。我认为该项目有问题(不确定是什么)。但是该项目来自 svn,所以我无法开始一个新项目。我采用了上面的代码,它在一个新项目中运行良好。