Question

我已经在jsf页面中成功显示了动态数据表（动态列和行）。

但是，我需要垂直显示多个表格。如何在列表中进行迭代才能显示它们？

感谢

即使世界

Answer 1

怎么样

    <ul>
        <ui:repeat value="#{someBean.items}" var="someCurrentItems">
            <li>
                <h:dataTable value="#{someCurrentItems}" var="currentItem"></h:dataTable>
            </li>
        </ui:repeat>
    </ul>

如果你想要删除公告，请将其添加到你的css文件中（如果你将ul与div包裹在id中，你可以为css提供更精确的选择器1}} ...）

ul { list-style-type: none; }

Answer 2

另一个更详细的例子：

<ul>
             <ui:repeat value="#{timeslipBean.usersSlips}" var="tabSlips" >
            <li>
             <p:dataTable id="timeslips" var="time" value="#{tabSlips.table}">
             <h2>
                 #{tabSlips.label} 
            </h2>                    
                  <p:column >
                   <f:facet name="header" >  
                               User  
                   </f:facet>  
                        <h:outputText value="#{time.user}"/>
                  </p:column>
                  <p:columns value="#{tabSlips.columns}" var="column" columnIndexVar="colIndex" styleClass="#{time.times[colIndex].festivo ? 'festivo' : null}">  
                         <f:facet name="header">  
                               #{column.header}  
                        </f:facet>  
                        <h:outputText value="#{time.times[colIndex].hours}" styleClass="#{time.times[colIndex].style}"/>
                   </p:columns> 
              </p:dataTable>    
            </li>
        </ui:repeat>
    </ul>

如何使用JSF显示多个动态数据表

2 个答案: