【转】mui 通过JSON动态的生成列表

<script type="text/template" id="radio-tigan">  
        <%for(var i=0;i<record.length;i++){  
            res=record[i];  
            var img=null;  
            msgType=res.messageType.toString();   
            if(msgType.indexOf('通知')>=0){  
                img="../img/notice.png";   
            }  
            if(msgType.indexOf('待办')>=0){  
                img="../img/agency.png";  
            }  
            if(msgType.indexOf('审批进度')>=0){  
                img="../img/report.png";  
            }   
            %>  
            <li class="mui-table-view-cell" id="<%=i%>">  
                    <img class="mui-media-object mui-pull-left" src=<%=img%> ></img>  
                    <div class="mui-media-body" id="head<%=i%>"><%=res.messageType%></div>  
                    <p class="mui-ellipsis" id="value<%=i%>"><%=res.messageDesc%></p>  
            </li>  
        <%}%>   
    </script>  

  

/*//追加模板消息     
                        var str = template('radio-tigan', {   
                                    "record": record  
                                    });   
                        //将<li>标签添加在UL标签上  
                        $(".mui-table-view").html(str);*/ 

  record为JSON对象

posted @ 2017-11-07 21:45  A·DONG  阅读(2123)  评论(0编辑  收藏  举报