2009-04-27 6 views
1

Verwenden von JSP und RichFaces. Der Suchdiv sollte sich verdecken, wenn der "Run Search" -Button angeklickt wird und der Ergebnisdiv sollte ausgeblendet werden.Problem mit Richfaces, um zu verdecken und zu verdecken

 <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 --> 

Ich bin dies auf Tomcat-Webserver ausgeführt.

Die Bibliotheken enthalten sind:

  • JSF 1.2
  • JSTL 1.1
  • commons-Beanutils-1.7.0.jar
  • commons-Sammlungen-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

Ich bin zwei Fehler bekommen.

Diese auf Last:

element.dispatchEvent ist keine Funktion

und dies, wenn die "Run Search" Schaltfläche geklickt wird.

element.makeClipping ist keine Funktion

EDIT Es scheint, dass andere reiche Komponenten arbeiten wie aber ich habe versucht, mehrere wie verblassen, und sie scheinen nicht zu funktionieren.

Danke,

+0

Was bedeutet "blind up/down"? – willcodejavaforfood

+0

ist es ein reicher Effekt. Der Div wird ähnlich wie Blinds auf einem Fenster hoch/runter blenden. –

+0

hier sind einige Beispiele http://livedemo.exadel.com/richfaces-demo/richfaces/effect.jsf;jsessionid=9E92F34062C180D0E4B796D745242DAC?c=effect&tab=usage –

Antwort

1

Das Problem war, ein Parameter in der Datei context.xml.

Original File:

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

Der antiJARLocking Parameter war nicht etwas, was ich erkannt, so dass ich es entfernt und alles funktioniert jetzt gut.

Neue Datei:

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

Vielen Dank für die Eingabe alle.