JQGrid - 积少成多.docx

HYPERLINK /ilovebabyfat/archive/2012/04/06/373456.html JQGrid JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。 HYPERLINK /blog/jqgrid/jqgrid.html \o JQGrid Demo JQGrid Demo 是一个在线的演示项目。在这里，可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料，与其说是学习资料，说成查询帮助文档更加合适。jqGrid学习之 安装jqGrid安装很简单，只需把相应的css、js文件加入到页面中即可。 jqGrid皮肤 从3.5版本开始，jqGrid完全支持jquery UI的theme。我们可以从/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid 也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。 jqGrid原理 jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。 对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。 jqGrid参数 名称 类型 描述 默认值 可修改 url string 获取数据的地址 ? ? datatype string 从服务器端返回的数据类型，默认xml。可选类型：xml，local，json，jsonnp，script，xmlstring，jsonstring，clientside ? ? mtype string ajax提交方式。POST或者GET，默认GET ? ? colNames Array 列显示名称，是一个数组对象 ? ? colModel Array 常用到的属性：name 列显示的名称；index 传到服务器端用来排序用的列名称；width 列宽度；align 对齐方式；sortable?是否可以排序 ? ? pager string 定义翻页用的导航栏，必须是有效的html元素。翻页工具栏可以放置在html页面任意位置 ? ? rowNum int 在grid上显示记录条数，这个参数是要被传递到后台 ? ? rowList array 一个下拉选择框，用来改变显示记录数，当选择时会覆盖rowNum参数传递到后台 ? ? sortname string 默认的排序列。可以是列名称或者是一个数字，这个参数会被提交到后台 ? ? viewrecords boolean 定义是否要显示总记录数 ? ? caption string 表格名称 ? ? ajaxGridOptions HYPERLINK /ilovebabyfat/archive/2012/04/06/373456.html \l _msocom_1 [a1]? object 对ajax参数进行全局设置，可以覆盖ajax事件 null 是 ajaxSelectOptions HYPERLINK /ilovebabyfat/archive/2012/04/06/373456.html \l _msocom_2 [a2]? object 对ajax的select参数进行全局设置 null 是 altclass String 用来指定行显示的css，可以编辑自己的css文件，只有当altRows设为 ture时起作用 ui-priority-secondary ? altRows boolean 设置表格 zebra-striped 值 ? ? autoencode boolean 对url进行编码 false 是 autowidth boolean 如果为ture时，则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变，为了使表格宽度能够自动调整则需要实现函数：setGridWidth false 否 cellLayout integer 定义了单元格padding + border 宽度。通常不必修改此值。初始值为 5 是 cellEdit boolean 启用或者禁用单元格编辑功能 false 是 cellsubmit String 定义了单元格内容保存位置 ‘remote’ 是 cellurl String 单元格提交的url 空值 是 datastr Str