使用 pqgrid 将JSON数据转换成TABLE

最新推荐文章于 2024-06-02 07:49:42 发布

weixin_30393907

最新推荐文章于 2024-06-02 07:49:42 发布

阅读量231

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/hedan/p/4103038.html

版权

使用 pqgrid 将JSON数据转换成TABLE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<link rel="stylesheet" href="./jquery-ui.css" />
<script src="./jquery.js"></script>
<script src="./jquery-ui.js"></script>

<link rel="stylesheet" href="pqgrid.min.css" />
<script src="pqgrid.min.js"></script>

<link rel="stylesheet" href="themes/office/pqgrid.css" />

var dataObj=eval("("+data+")");//转换为json对象

var obj = { width: 700, height: 400, title: "ParamQuery Grid Example",resizable:true,draggable:true };
obj.colModel = [
{ title: "backvm", width: 200 ,dataIndx: "backvm"},
{ title: "msg",width: 200 ,dataIndx: "msg"}];
obj.dataModel = {
data: dataObj.resList,
location: "local",
sorting: "local",
paging: "local",
curPage: 1,
rPP: 1,
sortIndx: "backvm",
sortDir: "up",
rPPOptions: [1, 10, 20, 30, 40, 50, 100, 500, 1000]

};
$("#grid_array").pqGrid(obj);

}
});
});
</script>

</head>
<body>
<div id="grid_array" style="margin:100px;"></div>
</body>

</html>

转载于:https://www.cnblogs.com/hedan/p/4103038.html

weixin_30393907

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用 pqgrid 将JSON数据转换成TABLE

使用 pqgrid 将JSON数据转换成TABLE<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <link rel="...
复制链接

扫一扫