I am using
JSF Trinidad 1.2 for JSF Implementation.
I am using <tr:table> and f:facet's detailStamp component's of Trinidad to get Nested Table functionality. I have three tables i.e. table1, table2, table3. Each row of Table1 has nested Table2 and each row of Table2 has nested Table3. It seems that the collapse and Expand functionality of these component makes AJAX call to the server and fetches the relevant data.
My requirement is to have data populated to all the three tables during initial Load and use clientSide Javascript function to collapse the Table2 and Table3 rows on initial Display. Once all the table1 rows are displayed, I should have collapse and expand at row level of Table1 that should make Table2 data visible and invisible on click using Javascript i.e. no server side call.
I am not sure If I can disable the inbuilt AJAX calls on click to expand and collapse. If yes, how I can do that?
Second Thing will be how I can populate my custom Javascript on those collapse and expand onclick event?
Thanks In Advance