java - 在 JSF/PrimeFaces 的数据表中显示包含 Date 对象的 HashMap 的内容

Question

我创建了以下方法，它返回 HashMap<Date, List<Date>>其中 key 是 Date对象，值为 List的Date对象。该方法接受 List的timeStamps并按天对它们进行分组。然后它返回上述 HashMap 中的那些分组时间戳。构造。

 public class GroupDatesByDay {

    HashMap<Date, List<Date>> groupedUserLogins = new HashMap<Date, List<Date>>();
    Calendar cal = Calendar.getInstance();

    public HashMap<Date, List<Date>> parseTimeStamps(List<Date> timeStamps) {

    DateFormat dateFormat = new SimpleDateFormat("HH:mm:ss.SSS", Locale.US);
    List<Date> timeStamps = new ArrayList<Date>();

        for (Date ts : timeStamps) {

            cal.setTime(ts);
            cal.set(cal.HOUR_OF_DAY, 0);
            cal.set(cal.MINUTE, 0);
            cal.set(cal.SECOND, 0);
            cal.set(cal.MILLISECOND, 0);

            if (!groupedUserLogins.containsKey(cal.getTime())) {

                groupedUserLogins.put(cal.getTime(), new ArrayList<Date>());
            }
            groupedUserLogins.get(cal.getTime()).add(ts);
        }

        keySet = groupedUserLogins.keySet();
        keyList.addAll(keySet);
        return groupedUserLogins;
    }
}

HashMap 中的数据应如下所示:

Key                          List<Date> 

2018-07-11 
                  2018-07-11 08:14:08.540000 
                  2018-07-11 10:46:23.575000 

2018-07-12  
                  2018-07-12 12:51:48.928000 
                  2018-07-12 13:09:00.701000 
                  2018-07-12 16:04:45.890000 

2018-07-13 
                  2018-07-13 14:14:17.461000 

在我的 XHTML 中，我想在 dataTable 中显示此数据，并通过 RowExpansion 来查看每天的各个时间戳。我编写了以下 XHTML。如您所见，userLogins是我的 Java 方法返回的内容。我在这个 dataTable 中迭代它，但我不知道如何以上述方式显示其中的值。

<p:dataTable var="userLogin" value="#{userEdit.userLogins}"class="DataTable">
        <p:column headerText=" Recent Logins">
          <h:outputLabel value="#{userLogin}">
          </h:outputLabel>
        </p:column>
</p:dataTable>

Answer 1

这是我最终解决这个问题的方法。正如 Melloware 所建议的，我必须涉及一个列表。

我的实现略有改变:

private Hashtable<Date, List<Date>> groupedUserLogins = new Hashtable<Date, List<Date>>();
private Calendar cal = Calendar.getInstance();
private Set<Date> keySet = new TreeSet<Date>();
private List<Date> keyList = new ArrayList<Date>();

...

public Hashtable<Date, List<Date>> parseUserLogins(List<UserLogin> userLogins) {

        DateFormat dateFormat = new SimpleDateFormat("HH:mm:ss.SSS", Locale.US);
        List<Date> timeStamps = new ArrayList<Date>();

        for (UserLogin u : userLogins) {
            timeStamps.add(u.getTimeStamp());
        }

        for (Date ts : timeStamps) {

            cal.setTime(ts);
            cal.set(cal.HOUR_OF_DAY, 0);
            cal.set(cal.MINUTE, 0);
            cal.set(cal.SECOND, 0);
            cal.set(cal.MILLISECOND, 0);
            dateFormat.format(ts);

            if (!groupedUserLogins.containsKey(cal.getTime())) {

                groupedUserLogins.put(cal.getTime(), new ArrayList<Date>());
            }
            groupedUserLogins.get(cal.getTime()).add(ts);
        }

        keySet = groupedUserLogins.keySet();
        keyList.addAll(keySet);
        return groupedUserLogins;
    }

我的 XHTML:

<p:dataTable var="loginDayDate" value="#{userEdit.keyList}"
    sortOrder="descending" sortBy="#{loginDayDate}" class="DataTable">

    <p:column width="15">
        <p:rowToggler />
    </p:column>

    <p:column headerText=" Recent Logins" width="110"
        sortBy="#{loginDayDate}">

        <h:outputLabel value="#{loginDayDate}">
            <f:convertDateTime pattern="#{Constants.DATE_FORMAT}" />

        </h:outputLabel>
    </p:column>
    <p:column headerText=" # of Logins" style="text-align : left">
        #{fn:length(userEdit.groupedUserLogins[loginDayDate])}
    </p:column>
    <p:rowExpansion>
        <p:dataTable var="specificDate"
            value="#{userEdit.groupedUserLogins[loginDayDate]}"
            class="DataTable">
            <p:column headerText="Time" style="text-align: left">
                <h:outputLabel value="#{specificDate}">
                    <f:convertDateTime pattern="#{Constants.DATETIME_FORMAT}" />
                </h:outputLabel>
            </p:column>
        </p:dataTable>
    </p:rowExpansion>
</p:dataTable>

外观: