通过本文主要向大家介绍了jqgrid,学习笔记等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
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的配置代码: