一直以來,對於集合數據在頁面中的便利是不論前端還是后台都會經常碰到的.這里做的是map集合的便利.
我這里所需要便利的map集合數據結構是:
map{
[數據1 , {對象1 , 對象2 , 對象3}] ,
[數據2 , {對象1 , 對象2 , 對象3}] ,
[數據3 , {對象1 , 對象2 , 對象3}]
}
而且還需要在頁面取出每個對象的屬性,並進行顯示.也就是說map集合中的value是list集合數據.進行便利顯示
代碼如下:
<div th:each="serviceItems : *{allServiceMap}"><!-->取出map集合中的每一條鍵值對<--> <hr style="border-top: 1px dashed #e7eaec;"/> <div class="form-group base"> <label for="" class="col-sm-2 control-label">[[${@codeService.getCodeLabel('SERVICE_ITEM_TYPE', serviceItems.key)}]]</label><!-->取出每一條鍵值對數據的鍵並依據后台封裝的組件方法獲取對應的顯示數據<--> </div> <div class="form-group base"> <div class="col-md-8 col-md-offset-2"> <label class="col-sm-2" th:each="serviceItem : ${serviceItems.value}"><!-->取出該鍵值對中的value也就是list對象集合<--> <!-->取值,並對所需要的數據進行顯示<--><input style="cursor:pointer" type="checkbox" class="serviceItem" th:value="${serviceItem.serviceItemId}" th:text="${serviceItem.serviceItemName}"/> </label> </div> </div> </div>