jsf - 展开/折叠数据表中的子表

Question

是否可以展开/折叠数据表中的子表？我的子表包含与其上方行相关的信息，我想显示/隐藏图像的点击。只是想知道我会怎么做？

这是我目前使用的:

  <rich:dataTable value="#{accountsBean.musicboxes}"  var="currentMusicBox">               
                <rich:column>
                        <h:graphicImage id="expand" value="../AccountsForms/images/details_open.png" onclick="toggleNotes(this);" />
                        <rich:column><h:outputText value="#{currentMusicBox.name}" /></rich:column>
                        <rich:column><h:outputText value="#{currentMusicBox.username}" /></rich:column>
                        <rich:column><h:outputText value="#{currentMusicBox.password}" /></rich:column>
                        <rich:column><h:outputText value="#{currentMusicBox.location}" /></rich:column>
                            <rich:dataTable id="notesTable" value="#{currentMusicBox.notes}" var="currentNote" style="display: none;">
                                <rich:column><h:outputText value="#{currentNote.body}" /></rich:column>
                                <rich:column><h:outputText value="#{currentNote.dateAdded}" /></rich:column>
                                <rich:column><h:outputText value="#{currentNote.note_type}" /></rich:column>
                            </rich:dataTable>
                 </rich:column>
        </rich:dataTable>

问题是我的表中只有第一个条目显示正常。它在表格中，我可以切换笔记图像。其余的条目只是一个接一个(没有格式的表格外。单击图像将打开一个表格，其中相关注释格式正确

Answer 1

当然。

用

<rich:dataTable value="#{myBean.records}" var="myRecord">

<rich:subTable  rendered="#{myRecord.subValue != null}" 
 value="#{myRecord.subValue}" >
...
</rich:subTable>
</rich:dataTable>

在 bean 中的位置:

public List<Records> getRecords() {
        return records;
}

和 Records类(class)有子记录 subValues .