【问题标题】:Summary row JSF DataTable汇总行 JSF 数据表
【发布时间】:2020-04-14 12:56:57
【问题描述】:

我必须总结许多列来总结结果, 在 jsf 数据表中我做不到,有人知道我该怎么做吗?不使用primefaces

我得到了这个结果

<h:dataTable id="tableResult" value="#{managedBean.dataModel}"
                                    var="obj" rows="15" layout="block" styleClass="table">
    <h:column>
            <f:facet name="header">Total abandonada</f:facet>
            <h:outputText value="#{obj.totalAbandon}">
            </h:outputText>
        </h:column>
        <h:column>
            <f:facet name="header">Total</f:facet>
            <h:outputText value="#{obj.total}" />

        </h:column>
        <h:column>
            <f:facet name="header"> Atendidas %</f:facet>
            <h:outputText value="#{obj.percentualAnswered}%" />
        </h:column>
        <h:column>
            <f:facet name="header">Abandonos %</f:facet>
            <h:outputText value="#{obj.percentualAbandon}%" />
        </h:column>
        <f:facet name="footer">#{obj.suumary}
        </f:facet>
</h:dataTable>

使用

得到这个结果
<f:facet name="footer">Total : 2</f:facet>

但我想要这个结果

<tr>
<td>Total : 2</td> 
<td>Total answered : 1</td>
<td>Total abandon : 1</td>
</tr>
</tfoot>

我已尝试使用 2 页脚刻面但不起作用

【问题讨论】:

标签: jsf datatable


【解决方案1】:

普通的 JSF h:datatable 没有内置每组行的摘要之类的概念。因此,如果这是您想要的,则需要切换到例如PrimeFaces 或将摘要行添加到您的模型的正确位置,并发挥创意with the CSS for the rows 和内容。

如果您想要完整数据表的页脚,页脚方面是正确的(数据表的摘要)。但是在这个页脚中你不能使用你在var属性中分配的变量,在你的情况下obj想想,应该使用哪个obj?首先?第二?最后的?所有(每个)?因此,将包含“摘要”的字段添加到 managedBean 并显示。

<f:facet name="footer">#{manageBean.summary}</f:facet>

如果summary 是一个列表,您可以像Iterate over nested List property inside h:datatable 中提到的那样对其进行迭代

你最终会得到的 html 是

<tfoot>
   <tr> 
       <td>
          .... your content of the nested list
       </td>
   </tr>
</tfoot>

这个内容可以是表格、列表、div 或任何你想要的。

【讨论】:

  • 如果我说的话 -> #{manageBean.summary} 我只有一个 TD Total : 2 但我想要很多 TD,例如 Total : 2 Total 回答 : 1 Total放弃 : 1
  • 比确保您的摘要字段返回一个列表并在页脚方面迭代该列表,就像您以结构化方式输出到 sysout 或其他任何内容时一样。并在输出 html 中使用 css 优化外观。
猜你喜欢
  • 2018-05-07
  • 1970-01-01
  • 1970-01-01
  • 2021-12-11
  • 1970-01-01
  • 1970-01-01
  • 2011-10-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多