1 Reply Latest reply on Jan 14, 2010 12:24 PM by Stan Silvert

    To Add the Expand collapse functionality in a .jsp to display and hide the data using <rich:dataTable>  JSF component.

    vamsi krishna Newbie
      Requirement:
      To Add the Expand collapse functionality in a .jsp to display and hide the data using   JSF component.
      

      Details: Here I'm able to get the data from webservices to jsp. While displaying the data there is a provision to show and hide some of its data Example: If Suppose there are 3 rows(Student data) coming from database, Say each row as Student for instance. and Each student is associated with some courses(Say course1, course2 and course3). Appearance should look like this: Table1: Details     S.No     S.Name     S.Address -------------------------------- +     10     Alex     Texas +     20     John     Dallas +     30     Nick     Newyork Now if we click on + button associated with first record, it should exapand and show the first record details and - button to be displayed as shown below. Table2: Details     S.No     S.Name     S.Address -------------------------------- -     10     Alex     Texas      course1 : Java      cpurse2 : j2ee -     20     John     Dallas      course1: .Net      course2: php +     30     Nick     Newyork And when when we click on - button it should hide the data and should display the above data as Table1. Code I've used in Jsp page: Here I got all the data dynamically. The only problem is UI arrangement(Displaying it). I've put the S.No, S.Name and S.Address fields in one  and course details in another . Both columnGroup are embedded in Here I am facing a problem while displaying courses for each student(Means expand/collapse or show/hide). Facing problem to include a div or a subTable or something else in dataTable. Request you to help me in this regard and let me know in case any details required from my end. Sincerely, Vamshi