【问题标题】:How to Display Multiple Dynamic Data table using JSF如何使用 JSF 显示多个动态数据表
【发布时间】:2012-04-26 14:31:51
【问题描述】:

我已经在我的 jsf 页面中成功显示了一个动态数据表(动态列和行)。

但是,我需要垂直显示 1 个以上的表格。如何在列表中迭代以显示它们?

谢谢

【问题讨论】:

    标签: jsf dynamic datatable


    【解决方案1】:

    怎么样

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

    如果您想摆脱公告,请将其添加到您的 css 文件中(如果您将 ul 与一些 divid 包装起来,您可以为 css 提供更精确的选择器... )

    ul { list-style-type: none; }

    【讨论】:

    • 小心,在 UIRepeat 中使用 UIData 在 Mojarra 中有一些特殊的错误。
    • @BalusC 好的,我自己还没试过......
    • c:forEach 仅当模型不会在同一视图上更改时才有用,因为它是在视图创建时进行评估的。
    • 它不起作用 :-( ui:repeat 中的数据表不知何故生成了相同的 ID,这可能是它不起作用的原因。
    • 你得到什么错误信息? JSF 应该生成一个唯一的 id(或者一个唯一的前缀/后缀,以防您设置自己的 id)
    【解决方案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>   
    

    【讨论】:

      猜你喜欢
      • 2015-12-25
      • 1970-01-01
      • 2014-02-25
      • 2011-08-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多