4 Replies Latest reply on Sep 22, 2009 12:10 PM by Ilya Shaikovsky

    js error on rich:extendedDataTable

    nimo stephan Master

      Hi,

      I use RF 3.3.1 and have the problem described in
      http://www.jboss.org/index.html?module=bb&op=viewtopic&t=152712&postdays=0&postorder=asc&start=0

      I tried it in actual browsers of Mozilla, IExplorer, Safari, the rows within the extendedDatatable cannot be expanded/collapsed. When I click the icon to collapse the grouped rows, then the following java-script error occurs:

      C is null
      http://localhost:8080/myONE/a4j/g/3_3_1.GA/org/richfaces/ui.pack.js
      Line 12819


      The strange thing is, the demo http://livedemo.exadel.com/richfaces-demo/richfaces/extendedDataTable.jsf works well in all browsers. But in my case, I get a error.

      Any Ideas?


        • 1. Re: js error on rich:extendedDataTable
          Nick Belaevski Master

          Hi,

          Compare pages code in demo and in your application: what's the difference between them?

          • 2. Re: js error on rich:extendedDataTable
            nimo stephan Master

            Hello,

            I compared mine with the example, but cannot find any crucial difference.

            I created a new xhtml-page, embeeded only the rich:extendedDataTable to ensure that no side effects can occur:

            <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <f:view contentType="text/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:rich="http://richfaces.org/rich"
             xmlns:a4j="http://richfaces.org/a4j">
            <html>
            
            
            <body>
            
            <h:form>
            <a4j:commandButton id="buttonUsers" value="fill users table" action="#{userBean.retrieveUsers}" reRender="formUsers:table" limitToList="true" ajaxSingle="true"/>
            </h:form>
            
            <h:form id="formUsers">
            <rich:extendedDataTable var="_u" value="#{myUsers}" id="table">
            
             <rich:column label="idUser">
             <f:facet name="header">
             <h:outputText value="idUser"/>
             </f:facet>
             <h:outputText value="#{_u.idUser}"/>
             </rich:column>
            
             <rich:column sortable="true" sortBy="#{_u.email}" label="eMail">
             <f:facet name="header">
             <h:outputText value="eMail"/>
             </f:facet>
             <h:outputText value="#{_u.email}"/>
             </rich:column>
            
             <rich:column sortable="true" sortBy="#{_u.lastname}" label="lastname">
             <f:facet name="header">
             <h:outputText value="lastname"/>
             </f:facet>
             <h:outputText value="#{_u.lastname}"/>
             </rich:column>
            
            </rich:extendedDataTable>
            </h:form>
            
            </body>
            </html>
            </f:view>


            The sorting and grouping works without problems.

            I deleted all css styles from my xhtml-page to ensure that there is no conflict. I do not use any other Java-Script-Code within this xhtml-page.

            But when I click the icon to collapse the grouped rows,
            then the following java-script error occurs:

            imageDiv is null
            http://localhost:8080/myones/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/extended-data-table.js
            Line 14


            You see the error is different than before (I guess, because of deleting all style sheets or the like):

            C is null
            http://localhost:8080/myONE/a4j/g/3_3_1.GA/org/richfaces/ui.pack.js
            Line 12819


            What do I making wrong?




            I do not know, if this is relevant to the problem:

            This is a snippet from my web-xml:
            <context-param>
             <param-name>org.richfaces.CONTROL_SKINNING</param-name>
             <param-value>disable</param-value>
             </context-param>
             <context-param>
             <param-name>org.richfaces.CONTROL_SKINNING_CLASSES</param-name>
             <param-value>disable</param-value>
             </context-param>
             <context-param>
             <param-name>org.richfaces.LoadStyleStrategy</param-name>
             <param-value>ALL</param-value>
             </context-param>
             <context-param>
             <param-name>org.richfaces.LoadScriptStrategy</param-name>
             <param-value>ALL</param-value>
             </context-param>



            • 3. Re: js error on rich:extendedDataTable
              nimo stephan Master

              Unfortunately, I have not solved the problem.

              I have tried to search the corresponding image (I guess, the image-icon for collapsing) and solve the "imageDiv is null"-Problem, but I have no success.


              • 4. Re: js error on rich:extendedDataTable
                Ilya Shaikovsky Master

                please share war sample at sendspace.com for example