html:
<table id="detailTable">
<thead>
<tr>
<th></th>
<th>合同编号</th>
<th>合同文件</th>
<th>供应商</th>
<th>当前剩余量</th>
<th>数量</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
jq:
$(function(){
add_detail(PROD_ID);
})
var newAddId = 0;
function add_detail(PROD_ID){
var add_id;
add_id = 'add_'+newAddId;
newAddId++;
$.ajax({
type: "get",
dataType: "json",
async: false, //同步
url: "${base}/purchase/getStockList",
data: {
PROD_ID: PROD_ID
},
success: function (data) {
var str = "";
var json = eval(data);
$.each(json, function (index, item) {
//循环获取数据
str += '<tr>' +
'<td><input id="CONTRACT_ID_'+add_id+'" type="checkbox" value=""></td>' +
'<td>' + json[index].CONTRACT_NUM + '</td>' +
'<td>' + json[index].CONTRACT_ID_+"."+json[index].EXTEND + '</td>' +
'<td>' + json[index].SUP_ID_ + '</td>' +
'<td>' + json[index].LEFT_NUM + '</td>' +
'<td><input id="NEED_NUM_'+add_id+'" class="form-control" value="0"></td>' +
'</tr>';
});
$("#detailTable tbody").prepend(str);
},
error: function (data) {
}
});
}
效果: