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

    scrollableDataTable not displayed in togglePanel

    Paul Baker Apprentice

      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>