zoukankan      html  css  js  c++  java
  • zbb20171221 thymeleaf th:each

    th:each属性用于迭代循环,语法:th:each="obj,iterStat:${objList}"

    迭代对象可以是java.util.List,java.util.Map,数组等;

    iterStat称作状态变量,属性有:
        index:当前迭代对象的index(从0开始计算)
        count: 当前迭代对象的index(从1开始计算)
        size:被迭代对象的大小
        current:当前迭代变量
        even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算)
        first:布尔值,当前循环是否是第一个
        last:布尔值,当前循环是否是最后一个

    <table class="table table-bordered">
                                        <tr>
                                            <th style=" 10px">序号</th>
                                            <th>名称</th>
                                            <th>涨幅(图)</th>
                                            <th style=" 40px">涨幅</th>
                                        </tr>
                                        <tr th:each="obj ,iterStat: ${appkindList}">
                                            
                                            
                                            <td th:text="${iterStat.count}">-</td>
                                            <td><a th:text="${obj.name}" class="btn btn-link  btn-xs"
                                                data-toggle="modal" href="#"
                                                th:attr="data-target=${'#'+obj.text+'_MODEL'}">-</a></td>
                                            <td>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-danger"
                                                        th:attr="style=${''+obj.value*100+'%'}"></div>
                                                </div>
                                            </td>
                                            <td><span
                                                th:text="${#numbers.formatDecimal(obj.value*100,0,2)+'%'}"
                                                class="badge bg-blue">-</span></td>
                                        </tr>
    
                                    </table>
  • 相关阅读:
    UOJ309 UNR #2 排兵布阵
    BZOJ4860: [Beijing2017]树的难题
    CQOI2017 部分题解
    SDOI2017 Round1 Day2 题解
    记SCOI2017
    BZOJ3810: [Coci2015]Stanovi
    BZOJ4785: [Zjoi2017]树状数组
    「ZJOI2007」「LuoguP1169」棋盘制作(并查集
    「LuoguP4147」 玉蟾宫(并查集
    「LuoguP1402」 酒店之王(最大流
  • 原文地址:https://www.cnblogs.com/super-admin/p/8080643.html
Copyright © 2011-2022 走看看