
JSON(格式化后)

HTML代码举例
<html>
<head>
<title>jqGrid 实例</title>
</head>
<body>
···代码省略···
<table id="pgrid2"></table>
<div id="ppager2"></div>
<a href="data.json">JSON FILE</a>
···代码省略···
</body>
</html>
javascript代码举例
$(function(){
pageInit();
});
function pageInit(){
jQuery("#pgrid2").jqGrid('jqPivot',
"data.json",
// pivot options
{
xDimension : [
{
dataName: 'CategoryName',
width:90
},{
dataName: 'ProductName'
}
],
yDimension : [
{
dataName: 'Country'
}
],
aggregates : [
{
member : 'Price',
aggregator : 'sum',
width:80,
label:'Sum',
formatter:'number',
align:'right',
summaryType: 'sum'
}
]
},
// grid options
{
width: 700,
rowNum : 10,
pager: "#ppager2",
caption: "Rows grouping"
});
}
</div>
</div>
</body>
</html>