今天做了个动态生成表头的功能,和动态绑定数据。关键性代码如下,供大家参考
js 层面:
$.ajax({
url: "trustReportTemplateController.do?getAllTrustColumnChinese", //获取表头
type: "get",
contentType: "application/json",
dataType: "json",
data: {
temid:tempid,
pageTotal:3
},
error: function(response){
console.log("error");
},
success: function (data) {
var msg = JSON.parse(data.obj);
$("#dynamictDatagridList").datagrid({
columns: [msg.title] //动态取标题
});
getDataGridData();//加载数据
//$("#dynamictDatagridList").datagrid("loadData", msg.rows); //动态取数据
}
});
function getDataGridData(){
$.ajax({
url: "trustProjectManageController.do?getTrustProjectList",
type: "get",
contentType: "application/json",
dataType: "json",
data: {
},
error: function(response){
console.log("error");
},
success: function(response){
if(response.success){
var jsonarray=response.obj;
$("#dynamictDatagridList").datagrid({
data:jsonarray
})
}else{
alert(response.success);
}
}
})
}
jsp层面
<table id="dynamictDatagridList" class="easyui-datagrid" title="动态标题" style="width:auto;height:auto"
data-options="singleSelect:true,collapsible:true,fitColumns:false">
</table>
<a href="javascript:history.go(-1)&#