0 Replies Latest reply on Feb 7, 2013 8:22 PM by newuser001

    Some time the extendedDataTable not shown, alternately a progress going inside the table area.

    newuser001 Newbie

      From the first time running the application the problem may occur. the extendedDataTable not shown but a progress going inside the extendedDataTable area.After that any other action can't done. how to resolve this...

       

      Source code as follow,

       

       

      <rich:modalPanel id="carDetailModalPanel"

                                       autosized="true"

                                       resizeable="false"

                                       styleClass="noWrap"

                                       onshow="renderDiv();">

                           <f:facet name="header">

                              <h:panelGroup>

                                  <h:outputText value="Car Details" />

                              </h:panelGroup>

                          </f:facet>

                          <f:facet name="controls">

                              <h:graphicImage id="imageModalPanelIconId" value="#{image.close}"

                                              onclick="#{rich:component('carDetailModalPanel')}.hide();">

                              </h:graphicImage>

                          </f:facet>

                          <div id="modalPanelDivId"  style="width:97em">

       

                                  <f:verbatim rendered="#{!empty Car.carList}"> <div

                                          id="carlistDivId"  style="

                                          width :expression(this.scrollWidth > (54em)? 55em: 'auto');

                                          overflow-x:scroll;"></f:verbatim>

       

                                      <rich:extendedDataTable id="searchDataTable"

                                                              rendered="#{!empty Car.carDetailList}"

                                                              enableContextMenu="false"

                                                              value="#{Car.carDetailList}"

                                                              rowKeyVar="index"

                                                              var="carDetail"

                                                              styleClass="noWrap"

                                                              height="110px"

                                                              width="1035px"

                                                              rows="#{fn:length(Car.carDetailList)}">

       

                                          <f:facet name="header">

                                              <rich:columnGroup>

       

                                                  <rich:column style="word-wrap:break-word;">

                                                      <h:outputText value="Car Name" />

                                                  </rich:column>

       

                                                  <rich:column style="word-wrap:break-word;">

                                                      <h:outputText value="Car type" />

                                                  </rich:column>

       

                                                  <rich:column style="word-wrap:break-word;">

                                                      <h:outputText value="Car Price" />

                                                  </rich:column>

       

       

                                                  <rich:column style="word-wrap:break-word;">

                                                      <h:outputText value="Mileage" />

                                                  </rich:column>

       

                                              </rich:columnGroup>

                                          </f:facet>

       

                                          <rich:column sortable="false" width="145px">

                                              <h:outputText value="#{carDetail.name}" />

                                          </rich:column>

       

                                          <rich:column sortable="false"  width="145px">

                                              <h:outputText value="#{carDetail.carType}"/>

                                          </rich:column>

       

                                          <rich:column sortable="false" width="165px">

                                              <h:outputText value="#{carDetail.price}"/>

                                          </rich:column>

       

                                          <rich:column sortable="false" width="145px">

                                              <h:outputText value="#{carDetail.mileage}"/>

                                          </rich:column>

       

                                      </rich:extendedDataTable>

       

                                  <f:verbatim rendered="#{!empty Car.carDetailList}"></div></f:verbatim>

       

                              </div>

       

                      </rich:modalPanel>

       

       

      The apperance of the output :