0

我有一个包含如下数据的事务表：DATETIME 格式为 dd/MM/yyyy。

+--------+------------------+----------------+------ ---+
| 身份证 | START_DATETIME | END_DATETIME | 用户 |
+--------+------------------+----------------+------ ---+
| 1 | 2012 年 1 月 1 日 00:00 |2012 年 1 月 1 日 01:00| 鲍勃 |
+--------+------------------+----------------+------ ---+
| 2 | 2012 年 2 月 1 日 00:00 |2012 年 2 月 1 日 01:00| 富 |
+--------+------------------+----------------+------ ---+

在一天之内，可能会发生多笔交易。对于最终用户，我想按天对交易进行分组，如下面的数据表所示：

+--------+----------------+------------+----------+-- -----+
| 身份证 | START_TIME | END_TIME | 持续时间 | 用户 |
+--------+----------------+------------+----------+-- -----+
| 2012 年 1 月 1 日星期日 |
+--------+----------------+------------+----------+-- -----+
| 1 | 00:00 | 01:00 | 01:00 | 鲍勃 |
+--------+----------------+------------+----------+-- -----+
| 2012 年 1 月 2 日星期一 |
+--------+----------------+------------+----------+-- -----+
| 2 | 00:00 | 01:00 | 01:00 | 富 |
+--------+----------------+------------+----------+-- -----+

如何使用 JSF 2.0 中的数据表执行此操作？你我必须创建一个自定义组件吗？

服务层提供这样的交易：java.util.List<Transaction> 

class Transaction {
  private int id;
  private Date start;
  private Date end;
  private User user;

  // getters and setters ...
}

编辑：
根据 chkal 的回答，这是我想出的解决方案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Group by day</title>
</head>

<body>
    <table border="1">
        <thead>
            <tr>
                <th colspan="4">The last 10 transactions</th>
            </tr>
            <tr>
                <th>ID</th>
                <th>START DATE</th>
                <th>END DATE</th>
                <th>USER</th>
            </tr>
        </thead>

        <!-- Firstly iterate other dates -->
        <ui:repeat value="#{transactionBean.distinctTransactionsDates}" var="entry">
        <tbody>
            <tr>
                <th colspan="4" align="left"><h:outputText value="#{entry}" /></th>
            </tr>

            <!-- Secondly iterate other transactions -->
            <ui:repeat var="t" value="#{transactionBean.getTransactionList(entry)}">
            <tr>
                <td><h:outputText value="#{t.id}" /></td>
                <td><h:outputText value="#{t.startDate}" /></td>
                <td><h:outputText value="#{t.endDate}" /></td>
                <td><h:outputText value="#{t.user}" /></td>
            </tr>
            </ui:repeat>
        </tbody>
        </ui:repeat>
    </table>
</body>
</html>

输出

<table border="1">
    <thead>
        <tr>
            <th colspan="4">The last 10 transactions</th>
        </tr>
        <tr>
            <th>ID</th>
            <th>START DATE</th>
            <th>END DATE</th>
            <th>USER</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th colspan="4" align="left">Sun Jan 01 00:00:00 CET 2012</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Sun Jan 01 00:00:00 CET 2012</td>
            <td>Sun Jan 01 01:00:00 CET 2012</td>
            <td>bob</td>
        </tr>
        <!-- Other rows appear here -->
    </tbody>
    <!-- Other tbodies appear here -->
</table>

注意 ui:repeat是 JSF 2.0 中的新功能。h:dataTable 它是结帐本教程的替代方法以获取更多详细信息。

4

1 回答 1

1

我认为这里没有适合的现成组件。

您可以尝试将事务条目分为两个级别。第一级是一个列表，其中每个条目代表至少一个交易发生的日期。这些条目中的每一个都有一个包含实际交易的第二个列表。

然后，您可以使用两个嵌套<ui:repeat>组件来呈现所需的表格。但在这种情况下，您必须自己渲染所有 HTML 表格内容。

我认为这应该有效。:)

于 2012-06-02T09:01:41.107 回答