4 Replies Latest reply on Mar 9, 2008 2:27 PM by pbaker01

    scrollableDataTable not displayed in togglePanel

    pbaker01

      I want to add a scrollableDataTable to a togglePanel. The table is rendered but is not displayed. Table is rendered and displayed fine outside of the togglePanel.

      Any ideas?

      PB

      Toggle Panel Code:

      <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:a4j="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.ajax4jsf.org/rich"
       xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">
      
      
       <rich:togglePanel id="panel" initialState="menu" switchType="client"
       stateOrder="menu,fltlist">
       <f:facet name="menu">
       <h:panelGroup>
       <rich:toggleControl for=":panel" value="Flight List"
       switchToState="fltlist" styleClass="commandlink" />
       <ui:include src="flightMenu.xhtml" />
       </h:panelGroup>
       </f:facet>
       <f:facet name="fltlist">
       <h:panelGroup>
       <rich:toggleControl for=":panel" value="Flight Menu"
       switchToState="menu" styleClass="commandlink" />
       <ui:include src="myFlights.xhtml" />
       </h:panelGroup>
       </f:facet>
       </rich:togglePanel>
      
      </html>
      


      Scrollable Table Code:

      <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:a4j="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.ajax4jsf.org/rich"
       xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">
      
       <h:panelGroup>
       <h:form id="myFlightForm">
       <rich:scrollableDataTable rowKeyVar="rkv" height="200px" width="190px"
       rows="10" value="#{flightList.flights}" var="fltlst"
       sortMode="single" id="myFlightSDT">
      
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Flight" />
       </f:facet>
       <h:outputText value="#{fltlst.fltNumber}" />
       </rich:column>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Orig" />
       </f:facet>
       <h:outputText value="#{fltlst.orig}" />
       </rich:column>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Time" />
       </f:facet>
       <h:outputText value="#{fltlst.depTime}" />
       </rich:column>
       </rich:scrollableDataTable>
       </h:form>
       </h:panelGroup>
      
      </html>
      


        • 1. Re: scrollableDataTable not displayed in togglePanel
          pbaker01

          stack info:

          jboss-4.2.1.GA
          richfaces-3.1.0
          facelets 1.0.14
          jsf 1.2

          • 2. Re: scrollableDataTable not displayed in togglePanel
            ilya_shaikovsky
            • 3. Re: scrollableDataTable not displayed in togglePanel
              pbaker01

              Thanks. This is going to be a fantastic component. I'm looking forward to the fix!

              Cheers, PB

              • 4. Re: scrollableDataTable not displayed in togglePanel
                pbaker01

                *** Reported as fixed in 3.2.0 but not working with 3.2.0 SNAPSHOT ***

                ilya_shaikovsky reported (above) that this was the same problem as:
                http://jira.jboss.com/jira/browse/RF-917.

                I have cut down the code and tried it with 3.2.0 snapshot and the scrolling table still does not work. The table is rendered but there is a lot of whitespace before the first column and the rest of the columns are shifted out of view.

                I've been waiting three months for a fix :(

                Code I am using:

                 <center>
                 <h:form>
                 <rich:scrollableDataTable rowKeyVar="rkv" height="230px" frozenColCount="1"
                 id="deadload" rows="100"
                 value="#{dragNdrop.flight.unallocatedDeadload}" var="next"
                 sortMode="single">
                
                 <rich:column id="id">
                 <f:facet name="header"><h:outputText value="Id" /></f:facet>
                 <h:outputText value="#{next.id}"></h:outputText>
                 </rich:column>
                
                 <rich:column id="type">
                 <f:facet name="header"><h:outputText value="Type" /></f:facet>
                 <h:outputText value="#{next.type}"></h:outputText>
                 </rich:column>
                
                 <rich:column id="dest">
                 <f:facet name="header"><h:outputText value="Dest" /></f:facet>
                 <h:outputText value="#{next.dest}"></h:outputText>
                 </rich:column>
                
                 <rich:column id="weight">
                 <f:facet name="header"><h:outputText value="Weight" /></f:facet>
                 <h:outputText value="#{next.weight}"></h:outputText>
                 </rich:column>
                
                 <rich:column id="uldType">
                 <f:facet name="header"><h:outputText value="ULD" /></f:facet>
                 <h:outputText value="#{next.uldType}"></h:outputText>
                 </rich:column>
                
                 <rich:column id="remarks">
                 <f:facet name="header"><h:outputText value="Remarks" /></f:facet>
                 <h:outputText value="#{next.remarks}"></h:outputText>
                 </rich:column>
                
                 </rich:scrollableDataTable>
                 </h:form>
                 </center>