Jqgrid中文文档---整理:沧浪雾月客1Jqgrid中文文档jqGrid学习-----------原理...............................................................................................................................2jqGrid学习之---------皮肤.............................................................................................................................2jqGrid学习.............................................................................................................................................................2jQuery学习之:jqGrid表格插件——参数配置........................................................................................4jqGrid学习--------------自定义搜索.............................................................................................................14jqGrid学习--------------搜索工具栏...........................................................................................................16jqGrid学习--------------搜索.........................................................................................................................17jqGrid学习--------------自定义格式化类型.............................................................................................19jqGrid学习--------------格式化....................................................................................................................22jqGrid学习--------------自定义按钮...........................................................................................................26jqGrid学习--------------翻页(2).............................................................................................................28jqGrid学习--------------翻页.........................................................................................................................33jqGrid学习--------------配置json................................................................................................................36jqGrid学习--------------方法.........................................................................................................................38jqGrid学习-----------事件.............................................................................................................................46jqGrid学习-----------数据.............................................................................................................................48jqGrid学习--------------ColModelAPI.........................................................................................................55jqGrid学习-----------参数(2)..................................................................................................................57jqGrid学习------------------jqGrid参数.......................................................................................................63jqGrid学习-----------------第一个实例.......................................................................................................64使用jqGrid修改数据并检查.........................................................................................................................70Jqgrid中文文档---整理:沧浪雾月客2jqGrid学习-----------原理jqGrid是典型的B/S架构,服务器端只是提供数据管理,客户端只提供数据显示。换句话说,jqGrid可以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户端数据传回给服务器端。对于jqGrid我们所关心的就是:必须有一段代码把一些页面信息保存到数据库中,而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。jqGrid学习之---------皮肤jqGrid皮肤从3.5版本开始,jqGrid完全支持jqueryUI的theme。我们可以从下载我们所需要的theme。当然,你也可以编辑自己的theme。jqGrid也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css”以及“ui.core.css”即可,文件位于目录development-bundle/themes下。jqGrid学习jqGrid学习之-------------安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。按照官网文档:*/myproject/css/oui.jqgrid.csso/ui-lightness/+/images/+jquery-ui-1.7.2.custom.css*/myproject/js/o/i18n/Jqgrid中文文档---整理:沧浪雾月客3+grid.locale-bg.js+listofalllanguagefiles+….oChanges.txtojquery-1.3.2.min.jsojquery.jqGrid.min.js目录结构如上。在页面中写法:Java代码1.!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN=:lang=enlang=en3.head4.metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/5.titleMyFirstGrid/title6.7.linkrel=stylesheettype=text/cssmedia=screenhref=css/ui-lightness/jquery-ui-1.7.1.custom.css/8.linkrel=stylesheettype=text/cssmedia=screenhref=js/src/css/ui.jqgrid.css/9.linkrel=stylesheettype=text/cssmedia=screenhref=js/src/css/jquery.searchFilter.css/10.11.style12.html,body{13.margin:0;14.padding:0;15.font-size:75%;16.}17./style18.19.scriptsrc=js/jquery-1.3.2.min.jstype=text/javascript/scriptJqgrid中文文档---整理:沧浪雾月客420.scriptsrc=js/src/grid.loader.jstype=text/javascript/script21.22./head23.body24....25./body26./html需要说明的是,jquery-ui的字体大小与jqgrid字体大小不一致,故需要在页面上在加上一段style来指定页面上文字大小。jQuery学习之:jqGrid表格插件——参数配置由于jqGrid功能强大,配置比较复杂,在第一个例子中,对于jqGrid的配置参数没有进行什么解释。从现在开始,会陆续介绍jqGrid的参数。这些参数的详细介绍请查看官方文档。由于本人英语水平有限,翻译不好,请多原谅。(为了保证连贯性,翻译时引用了,在此感谢。但在他的基础上增加了一些内容。)上有很多jqGrid的API,大家可以查看。在$(#tableId).jqGrid(optional);中,optional对象包含如下的属性:(属性按字母顺序排列)参数名称参数类型描述默认值是否可以被修改ajaxGridOptionsobject对ajax参数进行全局设置,可以覆盖ajax事件:error,complete和beforeS