Expand and collapse link in jsf datatable

Question

Hello all,
Initially i am displaying 5 rows per page. when user clicks expand link the table should display all the records in the page.when collapse is clicked vice versa
Thanks
K Ramu

Answer 1

Hi Balu,
Sorry for that, here is my code snippet. the problem i am getting is if i click the expand link it is expanding bids for all the projects, i want the expand feature for a selected project only. please help me where did i mistake.
          <t:dataTable id="openForBidsTable" rowIndexVar="row"
               value="#{OpenForBidsBean.openForBids}" var="projects" border="1"
               cellpadding="1" cellspacing="1" first="0" rows="5">
                    <t:outputText value="#{projects.nameOfTheProject}" />
               </t:column>
               <t:column>
                    <t:outputText value="#{projects.description}" />
               </t:column>
               <t:column>
                    <tr>
                         <td colspan="12"><h:panelGrid
                              binding="#{OpenForBidsBean.gridPanel1}" rendered="true">
                              <t:dataTable id="BidTable" value="#{projects.bids}" var="bids"
                                   border="2" cellpadding="2" cellspacing="2" first="0" rows="5">
                                   <t:column>
                                        <t:outputText value="#{bids.vendors.userName}" />
                                   </t:column>
                                   <t:column>
                                        <t:outputText value="Title" />
                                   </t:column>
                                   <t:column>
                                        <t:outputText value="Notes" />
                                   </t:column>
                              </t:dataTable>
                              <h:commandLink action="#{OpenForBidsBean.expandProjects}"
                                   value="Expand Link" />
                         </h:panelGrid> <h:panelGrid binding="#{OpenForBidsBean.gridPanel2}"
                              rendered="false">
                              <t:dataTable id="BidTable1" value="#{projects.bids}" var="bids"
                                   border="1" cellpadding="1" cellspacing="1" first="0">
                                   <t:column>
                                        <t:outputText value="#{bids.vendors.userName}" />
                                   </t:column>
                              </t:dataTable>
                              <h:commandLink action="#{OpenForBidsBean.collapseProjects}"
                                   value="Collapse Link" >                                   
                              </h:commandLink>
                         </h:panelGrid></td>
                    </tr>
               </t:column>
          </t:dataTable>
managed bean code:
public HtmlPanelGrid getGridPanel1() {
          return gridPanel1;
     public void setGridPanel1(HtmlPanelGrid gridPanel1) {
          this.gridPanel1 = gridPanel1;
     public HtmlPanelGrid getGridPanel2() {
          return gridPanel2;
     public void setGridPanel2(HtmlPanelGrid gridPanel2) {
          this.gridPanel2 = gridPanel2;
public String expandProjects() {
          getGridPanel1().setRendered(false);
          getGridPanel2().setRendered(true);
          return "selected";
public String collapseProjects() {
          getGridPanel1().setRendered(true);
          getGridPanel2().setRendered(false);
          return "selected";
Thanks
KRamu