Setting id's for the datatables.

Question

I have a datatable "A" in which another datatable "B" is nested. I need to hide/unhide "B" from the onclick event of an item on the datatable "A". But i can't seem to set the id of the datatable "B". How can i achieve this?

Answer 1

<h:dataTable border="0" rowClasses="" value="#{Version2$reception2.events}" var="var" width="100%">
                            <h:column>
                                <h:selectBooleanCheckbox rendered="#{not var.hasChild}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText style="font-weight: bold" value="Purpose of Registration"/>
                                </f:facet>
                                <h:outputLabel value="#{var.name}" onclick="ShowHide2('#{var.eventKeyword}')"/>
                                <h:dataTable value="#{var.children}" var="childVar" id="...">
                                    <h:column>
                                        <h:selectBooleanCheckbox rendered="#{not childVar.hasChild}"/>
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="#{childVar.name}"/>
                                    </h:column>
                                </h:dataTable>I need to set the appropriate id for the nested datatable so that it can be given as an argument to the javascript in the main table. I use Sun JSF 1.1