zoukankan      html  css  js  c++  java
  • arttemplate02

    1.后台传来的数据

    {
        "code": 200,
        "checkRecords": [
            {
                "id": "402881e75cc8060e015cc835315b0006",
                "checkAt": 1498007548250,
                "checkUserId": "402888745c99ba1e015c99ba3d1f0000",
                "checkUser": {
                    "id": "402888745c99ba1e015c99ba3d1f0000",
                    "name": "admin",
                    "age": null,
                    "email": "107888888@qq.com",
                    "phone": "18602758888",
                    "gender": "MAN",
                    "address": null
                },
                "status": "UN_PASSED",
                "unPassReason": "审核失败原因2;审核失败原因3;",
    
                }
            }
        ]
    }

    2.页面模版

    <tbody id="lists">
    <script type="text/html" id="checkrecords">

    {{if checkRecords.length==0}}
    <tr>
    <td colspan="5">无审核记录</td>
    </tr>
    {{/if}}
    {{if checkRecords.length>0}}
    {{each checkRecords as item}}
    <tr>
    <td>{{item.checkUser.name}}</td>
    <td>{{item.checkUser.email}}</td>
    <td>
    {{if item.status=='PASSED'}}
    通过
    {{/if}}
    {{if item.status=='FOR_CHECK'}}
    通过
    {{/if}}
    {{if item.status=='UN_PASSED'}}
    驳回
    {{/if}}
    </td>
    <td>{{item.unPassReason}}</td>
    <td>{{item.checkAt | dateFmt}}</td>
    </tr>
    {{/each}}
    {{/if}}

    </script>

    </tbody>

    3.脚本

     var html = template('checkrecords',data);
    $("#lists").html(html);
  • 相关阅读:
    java集合
    struts2的OGNL表达式
    struts2 result type
    struts2在Action中访问WEB资源
    03异或^
    02自加自减运算机制
    原码,补码,反码
    Java基础50题test10—自由落体
    Java基础50题test9—求完数
    Java基础50题test8—输入数字求和
  • 原文地址:https://www.cnblogs.com/linsx/p/7058215.html
Copyright © 2011-2022 走看看