jqgrid使用手册.docVIP

一、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 目录结构如上。 在页面中写法： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml xml:lang=en lang=en head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleMy First Grid/title link rel=stylesheet type=text/css media=screen href=css/ui-lightness/jquery-ui-1.7.1.custom.css / link rel=stylesheet type=text/css media=screen href=js/src/css/ui.jqgrid.css / link rel=stylesheet type=text/css media=screen href=js/src/css/jquery.searchFilter.css / style html, body { margin: 0; padding: 0; font-size: 75%; } /style script src=js/jquery-1.3.2.min.js type=text/javascript/script script src=js/src/grid.loader.js type=text/javascript/script /head body ... /body /html 需要说明的是，jquery-ui的字体大小与jqgrid字体大小不一致，故需要在页面上在加上一段 style来指定页面上文字大小。jqGrid学习之 皮肤jqGrid皮肤 从3.5版本开始，jqGrid完全支持jquery UI的theme。我们可以从/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid 也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。jqGrid学习 jqGrid参数url 获取数据的地址 datatype 从服务器端返回的数据类型，默认xml。可选类型：xml，local，json，jsonnp，script，xmlstring，jsonstring，clientside mtype ajax提交方式。POST或者GET，默认GET colNames 列显示名称，是一个数组对象。 colModel 对显示列属性的设置，是一个数组对象。常用到的属性：name 列显示的名称；index 传到服务器端用来排序用的列名称；width 列宽度；align 对齐方式；sortable? 是否可以排序 pager 定义翻页用的导航栏，必须是有效的html元素。翻页工具