在这里呢,本人又要举栗子了:
相信大家从数据库里查出来数据应该没问题,本人在这里只说从后台拿过来的数据怎么在前端页面上进行显示,说实话本人是做后台的,但是公司方面没有专门的前端人员,辛亏本人之前也写过前端代码,不至于束手无策,当然,技术水平肯定是不能和专门的前端人员比的。
大家先来看一下效果图吧,看看是不是你所需要的,如果不是,那就没必要再浪费你时间了。
如果是你想要的效果,那么再来看一下代码吧:
注意:效果图与代码无关,列表显示的内容不一样。
<table class="table table-hover">
<thead>
<tr>
<th>序号</th>
<th>项目</th>
<th>结算时间</th>
<th>结算金额</th>
<th>状态</th>
<th>工程范围</th>
<th>合同编号</th>
<th>出勤人数</th>
</tr>
</thead>
<tbody id="dataContent" >
</tbody>
</table>
下面是一段js代码:
function loadData(data){
var sublist = data.entry.budgetInfo;
for(var i=0;i<sublist.length;i++){ //循环遍历
var order = i+1;
var projectName = sublist[i].contractProject;
var createTime = timestampToTime(sublist[i].createTime);
var settlementCost = sublist[i].settlementCost;
var auditingStatus = sublist[i].auditingStatus;
var contractScope = sublist[i].contractScope;
var contractNumber = sublist[i].contractNumber;
var ttt = sublist[i].standingBudgetId;
var detail="<a onclick="+"jumpToBudgetDetail('"+ttt+"')"+">详情</a>";
var strTol = '';
var strPre = '<tr>';
var strEnd = '</tr>';
var strMiddle1 = "<td>"+order+"</td><td>"+projectName+"</td>";
var strMiddle2 = "<td>"+createTime+"</td><td>"+settlementCost+"</td><td>"+auditingStatus+"</td><td>"+contractScope+"</td><td>"+contractNumber+"</td><td>"+detail+"</td>";
strTol = strPre + strMiddle1 + strMiddle2 +strEnd;
$("#dataContent").append(strTol);
}
}
希望能够帮到你!共勉!