underscore 模板标签修改。

最新推荐文章于 2025-09-11 21:33:52 发布

weixin_34409703

最新推荐文章于 2025-09-11 21:33:52 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：https://my.oschina.net/huqiji/blog/897212

为什么80%的码农都做不了架构师？>>>

underscore 模板标签修改

     
<script type="text/javascript">
//修改underscore模板标签
        _.templateSettings = {
            interpolate: /\<\@\=(.+?)\@\>/gim,
            evaluate: /\<\@(.+?)\@\>/gim,
            escape: /\<\@\-(.+?)\@\>/gim
        };
</script>

<!--列表模板-->
<script type="text/template" id="listTpl">
    <@ _.each(List, function(model , i){ @>
        <li  class="tab_all-weui-cells-ul-row"  index="<@=count + i @>">
	       <div class="weui-cells">
                <a class="weui-cell weui-cell_access showLaneexlistCxcInfo"  index="<@=count + i @>" href="javascript:;">
                        <div class="weui-cell__bd">
                            <p>
                                流水号:<@=model.Laneexserialno @></p>
                            <p>
                                <@=model.Exstationname@>:<@=model.Exroadname@>(<@=model.Cityname@>/<@=model.Countyareaname@>)</p>
                            <p style="font-size: 14px; color: #888;">
                                总:<@=model.TotalweightStr@>/限:<@=model.TotalweightlimitStr@>/超:<@=model.OverloadweightStr@>(吨)</p>
                            <p style="font-size: 14px; color: #888;">
                                <@=model.ExtimeStr@></p>
                        </div>
                        <div class="weui-cell__ft"> 
                            <@ if(model.AuditingStatu == 1){ @>    
                            <label class="text_warning">未处理</label>
                            <@ } else if(model.AuditingStatu == 3){ @> 
                            <label class="text_ok">已缴款</label>
                            <@ }@> 
                        </div>
                 </a>
            </div>
        </li>
<@ }); @>
</script>


<script type="text/javascript">
    json.List = new Array();
    json.count = arrayList.length;
                        //解析数据
    var compiled = _.template($('#listTpl').html());
    var tab_all = $('#tab_all').find(".tab_all-weui-cells-ul");
    tab_all.append(compiled(json));

</script>

转载于:https://my.oschina.net/huqiji/blog/897212