1. 程式人生 > >js循環加載數據列表

js循環加載數據列表

lec pen sta one 訂單 mit cli bus inf

js循環加載數據列表
//訂單渲染
function buildShowInfoDiv(data){
  for(i in data.data){
    var bussNo = data.data[i].bussNo;
    var items=‘<div class="weui-cells" onclick="selectOneOrder(\‘‘+bussNo+‘\‘)">‘
    items+=‘<div class="weui-cell">‘
    items+=‘<div class="weui-cell__bd">‘
    items+=‘<p>提交訂單時間</p>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell__ft">‘+data.data[i].submitTime+‘</div>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell">‘
    items+=‘<div class="weui-cell__bd">‘
    items+=‘<p>訂單編號</p>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell__ft bussNo">‘+data.data[i].bussNo+‘</div>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell">‘
    items+=‘<div class="weui-cell__bd">‘
    items+=‘<p>借款人</p>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell__ft">‘+data.data[i].custName+‘</div>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell">‘
    items+=‘<div class="weui-cell__bd">‘
    items+=‘<p>訂單狀態</p>‘
    items+=‘</div>‘
    items+=‘<div class="weui-cell__ft">‘+data.data[i].status+‘</div>‘
    items+=‘</div>‘
    items+=‘</div>‘
  $("#orderdetails").append(items);
  }
}

js循環加載數據列表