Jqgrid 中文文档jqGrid学习 - 原理2jqGrid学习之 - 皮肤2jqGrid学习2jQuery学习之：jqGrid表格插件参数配置4jqGrid学习 -自定义搜索14jqGrid学习 - 搜索工具栏16jqGrid学习 - 搜索17jqGrid学习 - 自定义格式化类型19jqGrid学习 - 格式化21jqGrid学习 - 自定义按钮26jqGrid学习 - 翻页（2）28jqGrid学习 - 翻页33jqGrid学习 - 配置json35jqGrid学习 - 方法37jqGrid学习 - 事件45jqGrid学习 - 数据48jqGrid学习 - ColModel API55jqGrid学习 - 参数（2）57jqGrid学习 - jqGrid参数63jqGrid学习 - 第一个实例63使用jqGrid修改数据并检查69jqGrid学习 - 原理jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。 对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。 大小: 18.3 KB jqGrid学习之 - 皮肤jqGrid皮肤 从3.5版本开始，jqGrid完全支持jquery UI的theme。我们可以从http:/jqueryui.com/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid 也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。 jqGrid学习jqGrid学习之 - 安装 jqGrid安装很简单，只需把相应的css、js文件加入到页面中即可。 按照官网文档： * /myproject/css/ o ui.jqgrid.css o /ui-lightness/ + /images/ + jquery-ui-1.7.2.custom.css * /myproject/js/ o /i18n/ + grid.locale-bg.js + list of all language files + . o Changes.txt o jquery-1.3.2.min.js o jquery.jqGrid.min.js 目录结构如上。 在页面中写法： Java代码 1. 2. 3. 4. 5. MyFirstGrid 6. 7. 8. 9. 10. 11. 12. html,body 13. margin:0; 14. padding:0; 15. font-size:75%; 16. 17. 18. 19. 20. 21. 22. 23. 24. . 25. 26. My First Grid html, body margin: 0; padding: 0; font-size: 75%; .需要说明的是，jquery-ui的字体大小与jqgrid字体大小不一致，故需要在页面上在加上一段 style来指定页面上文字大小。jQuery学习之：jqGrid表格插件参数配置由于jqGrid功能强大，配置比较复杂，在第一个例子中，对于jqGrid的配置参数没有进行什么解释。从现在开始，会陆续介绍jqGrid的参数。这 些参数的详细介绍请查看官方文档。由于本人英语水平有限，翻译不好，请多原谅。（为了保证连贯性，翻译时引用了 http:/a3mao.javaeye.com，在此感谢。但在他的基础上增加了一些内容。） 上有很多jqGrid的API，大家可以查看。在$(#tableId).jqGrid(optional);中，optional对象包含如下的属性：（属性按字母顺序排列）参数名称参数类型描述默认值是否可以被修改ajaxGridOptionsobject对ajax参数进行全局设置，可以覆盖ajax事件：error，complete 和 beforeSend 空值是ajaxGridOptionsobject对ajax参数进行全局设置空值是ajaxSelectOptionsobject对ajax的select参数进行全局设置，设置editoptions跟searchoptions 参数的select属性值空值是altclassString用来指定行显示的css，可以编辑自己的css文件，只有当altRows设为 ture时起作用ui-priority-secondary是，但需要重新加载altRowsboolean设置表格 zebra-striped 值false是，需重新加载autoencodeboolean当为 ture 时对url进行编码false是autowidthboolean如果为ture时，则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变，为了使表格宽度能够自动调整则需要实现函数：setGridWidth false否captionString定义表格名称空值否，但是可以用api修改cellLayoutinteger定义了单元格padding + border 宽度。通常不必修改此值。初始值为5，paddingLef2+paddingRight2+borderLeft1=55否cellEditboolean启用或者禁用单元格编辑功能false是cellsubmitString定义了单元格内容保存位置：“rem