Template

    <script id="fileRowTemplate" type="text/template">
        {{each items as item}}
        <div style="margin-top:50px"></div>
        <div class="col-sm-2" style="height:250px;margin-bottom:85px">
            <a id="a_post_3" target="_blank" href="{{item.img_url}}" style="display: block">
                {{if item.valid == 1}}
                <div class="certificate-img">
                    <img id="{{item.id}}" style="100%;" src="{{item.img_url}}" />
                </div>
				<div style="100%;">@ResxManager.GetResx("certificate.offline.name"): {{item.name}}</div>
                <div style="100%;">@ResxManager.GetResx("certificate.offline.create_time"): {{item.expire_from}}</div>
               
                <div style="100%;" >@ResxManager.GetResx("certificate.offline.expire_time"): {{item.expire_time}}</div>
                {{else}}
                <div style="z-index:10000000;position:absolute;color:red;transform:rotate(45deg);font-weight:bold;margin-top:15px;margin-left:125px">@ResxManager.GetResx("comm.user.certificate.my.expire")</div>
                <div class="certificate-img">
                    <img id="{{item.id}}" class="img-thumbnail" style="100%;" src="{{item.img_url}}" />
                </div>
				<div style="100%;">@ResxManager.GetResx("certificate.offline.name") {{item.name}}</div>
                <div style="100%;">@ResxManager.GetResx("certificate.offline.create_time"): {{item.expire_from}}</div>
               
                  <div style="100%;">@ResxManager.GetResx("certificate.offline.expire_time"): {{item.expire_time}}</div>
                {{/if}}
            </a>
        </div>
        {{/each}}
    </script>

  

function showCertificate(jsonData) {
    var obj = new Object();
    for (var item in jsonData) {
       
        if (jsonData[item].expire_from == null || jsonData[item].expire_from == "" || jsonData[item].expire_from == 0) {
            jsonData[item].expire_from = "";
        } else {
            jsonData[item].expire_from = libDateUtils.libDate2String(jsonData[item].expire_from);
        }
        if (jsonData[item].expire_time == null || jsonData[item].expire_time == "" || jsonData[item].expire_time == 99999999) {
            jsonData[item].expire_time = "";
        } else {
            jsonData[item].expire_time = libDateUtils.libDate2String(jsonData[item].expire_time);
        }
    }
    obj.items = jsonData;
    var html = template('fileRowTemplate', obj);
    $("#certificate_photo").html(html);
}



 var item = new Object();
                item.id = id;
                item.url = url;
                data.item = item;

  

原文地址:https://www.cnblogs.com/deepalley/p/12961564.html