JqGrid文档：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs
JqGrid Demo：http://trirand.com/blog/jqgrid/jqgrid.html#t107
JqGrid的基础，我这里就不做介绍了，不知道的可以去看看博客园或Google，最好去看文档。先看效果图：
本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。
逻辑思路：第一次加载本年度的经营计划数据，加载完成后，将JqGrid设置成本地数据，这样分页、数据查询都成customs。只能修改本月以后的计划，在afterShowForm和afterclickPgButtons做验证，如果时间小于等于本月，这将提交按钮设置成disabled。否则提交按钮可以使用。在提交服务器前，需要将JqGrid的datatype设置成json,否则不会请求服务器。
本Demo只做了2010、2011、2012年三个静态数据源，修改数据只做了返回信息，并没修改数据源数据。
Apsx页面代码：
<table id=”jqgridlist”>
</table>
<div id=”pager”>
</div>
Javascript中JqGrid的配置代码：
jQuery(“#jqgridlist”).jqGrid({ url: ‘DataHandler.ashx’,
datatype: function (pdata) {
$.ajax({ url: ‘DataHandler.ashx’,
dataType: “json”, type: “post”,
contentType: “application/x-www-form-urlencoded; charset=utf-8”,
data: pdata,
error: function (data, status, statusText) {
if (!(status == 200 && statusText == “parsererror”))
alert(“客服端解析数据错误！n请与管理员联系”);
else
alert”请求服务器错误！n请稍后再试或与管理员联系”);
},
complete: function (jsondata, stat) {
if (stat == “success”) {
var thegrid = jQuery(“#jqgridlist”)[0],
data = eval(“(” + jsondata.responseText + “)”);
thegrid.addJSONData(data);
data = null;
jsondata = null;
}
}
});
},
colNames: [“行号”, “日期期间”, “c_code”, “单位名称”, “销售回款”, “营业收入”, “工业总产值”, “利润总额”, “上交税金”],
colModel: [{ name: “ROWNUM”, index: “ROWNUM”, editable: false, summaryType: ‘count’,
summaryTpl: ‘({0}) total’
},
{ name: “JHQJ”, index: “JHQJ”, editable: true, stype: ‘text’, search: true, searchoptions: { sopt: [‘eq’] },
editoptions: { style: “border:0; background-color:transparent;” }
},
{ name: “C_CODE”, index: “C_CODE”, sortable: false, editable: true, search: false, hidden: true,
