如何在XHTML頁面上迭代地圖？

Question

我有一個像下面的清單

List<Map<String,List<ActivitiesData>>>

當我嘗試在xhtml頁面中迭代地圖時，我能夠獲取List<ActivitiesData>值，但無法從地圖中獲取鍵（字符串）

代碼如下。

<ui:repeat var="timelineDateMapObject" value="#{timelineBean.timelineList}">
    <ui:repeat value="#{timelineDateMapObject.keySet().toArray()}" var="x">
        <ui:repeat var="timelineData" value="#{timelineDateMapObject.get(x)}" varStatus="status">
            <tr>
                <td style="padding-right: 10px;padding-left: 20px;"> #{timelineData.hoursAndMiniuts}</td>
                <td style="padding-right: 10px;padding-left: 20px;"> #{timelineData.type}</td>
            </tr>

            <tr>
                <td style="padding-right: 10px;padding-left: 20px;">
                    <h:graphicImage style="height: 50px; width: 50px" value="#{timelineData.url}" />
                </td>

                <td style="padding-right: 10px;padding-left: 20px;">#{timelineData.text}</td>
            </tr>

            <tr>
                <td height="25px"></td>
                <td></td>
            </tr>
        </ui:repeat>
    </ui:repeat>
</ui:repeat>

有人告訴我如何顯示地圖上的鑰匙嗎？

Answer 1

嘗試這個

<ui:repeat var="timelineDateMapObject" value="#{timelineBean.timelineList}">
    <c:forEach items="#{timelineDateMapObject}" var="timelineData">
            <tr>
                <td style="padding-right: 10px;padding-left: 20px;"> #{timelineData.value.hoursAndMiniuts}</td>

                <td style="padding-right: 10px;padding-left: 20px;"> #{timelineData.value.type}</td>
            </tr>
            <tr>
                <td style="padding-right: 10px;padding-left: 20px;">
                    <h:graphicImage style="height: 50px; width: 50px" value="#{timelineData.value.url}" />
                </td>

                <td style="padding-right: 10px;padding-left: 20px;">#{timelineData.value.text}</td>

            </tr>
            <tr>
                <td height="25px"></td>
                <td></td>
            </tr>
    </c:forEach>    
</ui:repeat>