1 Reply Latest reply on May 29, 2012 8:46 AM by Christian Peter

    jquery and fileupload in richfaces 3.3.3

    Sascha Janz Master

      i got some problem using jquery and rich:fileupload.

       

      when i a add

       

      <a4j:loadScript src="resource://jquery.js"></a4j:loadScript>

      <script type="text/javascript">

      jQuery.noConflict();

      </script>

       

      to my page

       

      the upload event isn't firing any more.

       

      the upload is defined

       

       

      <rich:fileUpload     fileEntryClass="uploadfileentry"   immediateUpload="true"  

              fileUploadListener="#{Page.listener}" addControlLabel="#{Text.get('LABEL_UPLOAD_SEARCH_DOCUMENT')}..." maxFilesQuantity="1"     autoclear="true"

              progressLabel="#{Text.get('LABEL_UPLOAD_PROGRESS_LABEL')}" doneLabel="#{Text.get('LABEL_UPLOAD_DONE_LABEL')}" 

              clearControlLabel="#{Text.get('LABEL_UPLOAD_CLEARCONTROL_LABEL')}"   clearAllControlLabel="#{Text.get('LABEL_UPLOAD_CLEARALLCONTROL_LABEL')}" 

              uploadControlLabel="{Text.get('LABEL_UPLOAD_UPLOADCONTROL_LABEL')}"     acceptedTypes="#{Page.possiblefiletypes}"

              cancelEntryControlLabel="#{Text.get('LABEL_UPLOAD_CANCELENTRYCONTROL_LABEL')}"  listWidth="430px" listHeight="60px"  >

               <a4j:support event="onuploadcomplete"      reRender="uploaddynamic,docframe,docheader"  ></a4j:support>

             </rich:fileUpload>

        • 1. Re: jquery and fileupload in richfaces 3.3.3
          Christian Peter Expert

          jquery.js is this a different version than the included version in richfaces 3.3.3?

           

          Maybe this would help:

           

          <head>

          <script> var $r = jQuery.noConflict(); </script>

          <script type="text/javascript" src="jquery-1.7.1.min.js"></script>

          <script>

            var $j = jQuery.noConflict();

            var j$ = null;

          </script>

          // include thirdparty js frameworks / libs here:

           

           

          <script> var jQuery = $r; </script>

           

          ...

          </head>