jqgrid框架介绍

一.介绍

jqgrid是典型的B／C架构（浏览器／服务器模式），服务器端只需提供数据管理，浏览器只需负责数据显示。

jqGrid是用ajax实现对请求和响应的处理，支持局部实时刷新。

二.特性

1.通过配置url地址数据显示格式

2.支持行编辑，列搜索过滤

3.支持分页

4.添加表单支持文件上传

5.链式调用

其他特性参考 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:features

三.使用

1.实例

jQuery("#grid_id").jqGrid(options); grid_id table标签的id options 数组格式，name:value对象 

比如：加载数据接口url,数据格式datatype,请求方式mtype,表格头布局字段colNames,表格数据解析格式colModel;数据格式映射jsonReader,增删改查请求地址editurl

2.pager

jQuery("#grid_id").navGrid("#grid_pager")  grid_page div标签的id

3.jsonReader数据结构

jsonReader:{root:"list"}

4.colModel显示编辑搜索

显示：默认显示返回数据；图片格式 formatter返回img标签格式显示及其大小

编辑：edittype类型 默认字符串，select,file 对应editoptions配置enctype/dataUrl

搜索：stype类型 默认字符串，select,对应searchoptions配置dataUrl

5.编辑/添加含有图片表单

编辑/添加配置afterSubmit 提交成功回调方法，通过这个回调方法上传图片更新数据

四.关联链接

接口文档

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs

github

https://github.com/tonytomov/jqGrid/tree/master