-
1. Re: 2 toggleControl expand in 1 table
ishabalov Aug 8, 2007 2:06 PM (in response to sharonbn)Can you show more code from your page?
-
2. Re: 2 toggleControl expand in 1 table
sharonbn Aug 9, 2007 2:20 AM (in response to sharonbn)hi,
sorry for the delay and thanks for replying, here is the code:
<h:form id="universeForm">
<rich:datascroller fastControls="fastrewind" id="universetablescroller" for="universes" maxPages="5" actionListener="#{universeView.actionScrollerListner}" binding="#{universeView.tableScroller}" ></rich:datascroller>
<h:dataTable id="universes" binding="#{universeView.table}" rows="#{universeView.numberOfRowsPerPage}" var="universesList" value="#{universeView.universeList}" styleClass="tables" >
<h:column headerClass="first_cell">
<f:facet name="header"></f:facet>
<rich:toggleControl for="descriptions" onclick="change_collapse('#{universesList.universeId}')">
<img src="resources/images/general/btn_expend.gif" class="plus_minus" id='btn_<h:outputText value="#{universesList.universeId}"/>'>
</rich:toggleControl>
</h:column>
<h:column headerClass="no_background">
<f:facet name="header"></f:facet>
</h:column>
<h:column >
<f:facet name="header">
<h:outputText style="width:50%;">
<a4j:commandLink value="Name" reRender="universes" style="float:left;text-decoration: none;" id="streamName" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='streamName'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<h:outputText value="#{universesList.streamName}"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText>
<a4j:commandLink value="Description" reRender="universes" style="float:left;" id="description" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='description'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<rich:togglePanel id="descriptions" switchType="client" stateOrder="regular,expanded">
<f:facet name="regular" >
<h:panelGrid columns="1">
<h:outputText value="#{universesList.shortDescriptionVersion}" escape="false"></h:outputText>
</h:panelGrid>
</f:facet>
<f:facet name="expanded">
<h:panelGrid columns="1" styleClass="panel_open" >
<h:outputText value="#{universesList.universeDescription}" escape="false"></h:outputText>
</h:panelGrid>
</f:facet>
</rich:togglePanel>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText>
<a4j:commandLink value="Create Date" reRender="universes" style="float:left;" id="createDate" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='createDate'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<h:outputText value="#{universesList.formatedCreateDate}"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText>
<a4j:commandLink value="Created By" reRender="universes" style="float:left;" id="createdBy" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='createdBy'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<h:outputText value="#{universesList.createdBy}"></h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText>
<a4j:commandLink value="Condition" reRender="universes" style="float:left;" id="condition" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='condition'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<rich:togglePanel id="conditions" switchType="client" stateOrder="regular,expanded">
<f:facet name="regular" >
<h:panelGrid columns="1">
<h:outputText value="#{universesList.shortConditionVersion}" escape="false"></h:outputText>
</h:panelGrid>
</f:facet>
<f:facet name="expanded">
<h:panelGrid columns="1" styleClass="panel_open">
<h:outputText value="#{universesList.condition}" escape="false"></h:outputText>
</h:panelGrid>
</f:facet>
</rich:togglePanel>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText>
<a4j:commandLink value="Last Campaign" reRender="universes" style="float:left;" id="campaignName" action="#{universeView.doSort}" actionListener="#{universeView.sortListener}"/>
<h:outputText rendered="#{universeView.orderby=='campaignName'}">
<h:outputText rendered="#{universeView.direction==0}">
</h:outputText>
<h:outputText rendered="#{universeView.direction==1}">
</h:outputText>
</h:outputText>
</h:outputText>
</f:facet>
<h:outputText value="#{universesList.campaignName}"></h:outputText>
</h:column>
</h:dataTable>
</h:form>