需求:
现在需要多个table,每个table的表头都不相同,为了避免代码重复,采用JS来制作表格。
function currentOper() {
var name = !$("#input_name").val() ? "undefined" : $("#input_name").val();
var version = !$("#input_version").val() ? "undefined"
: $("#input_version").val();
var url = "/UpgradeRS/dataController/getCurrentRs?name=" + name
+ "&version=" + version;
var tableHeader = [ "pid", "selfuuid", "midname", "realname",
"moduleversion", "upgradetime" ];
var len = tableHeader.length;
var temp = [];
for (var i = 0; i < len; i++) {
var obj = {
"field" : tableHeader[i],
title : tableHeader[i],
width : 100
}
temp.push(obj);
}
getData(url, [ temp ]);
}
function getData(url, columns) {
$("#datagrid").datagrid({
url : url,
pagination : true,
pageList : [ 30, 50, 100, 250, 500 ],
pageSize : 30,
fitColumns : true,
rownumbers : true,
singleSelect : true,
columns : columns
})
var p = $("#datagrid").datagrid("getPager");
$(p).pagination({
pagePosition : "bottom",
beforePageText : '第', // 页数文本框前显示的汉字
afterPageText : '页 共 {pages} 页',
displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录',
});
$(p).pagination("refresh", {
pageNumber : 1
})
}
事先制作表头,以传参的方式制作不同的表格