- 1、本文档共67页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jqGrid各种参数详解
JQGrid
JQGrid是一个在jquety基础上做的一个表格控件,以ajax的方式和服务器端 通信。
JQGrid Demo是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事 情。
下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加 合适。
jqGrid学习之 安装
jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。按照官网文档: /myproj ect/css/
ui? jqgrid? css
/ui-light ness/
/images/
jquery-ui-l. 72custom? css
/myproject/js/
/il8 n/
grid, locale-bg? js
list of all la nguage files
Chan ges? txt
jquery一1? 3. 2. mi n. js
jquery. jqGrid? mi n. js
在页面中写法:
Java代码
<!DOCTYPE html PUBLIC 〃-//W3C//DTD XHTML 1.0 Strict//EN〃 〃http://www.
w3. org/TR/xhtml1/DTD/xhtmll~strict. dtd">
〈html xml ns二"http://www. w3?org/1999/xhtml〃 xml:la ng二n" la ng二"e <head>
<meta http-equiv二〃Content-Type,/ content二charset二utf-8〃 /> <title>My First Grid</title>
<link rel二〃stylesheet" type二〃text/css" media二〃screen" href二"css/uiTi ghtness/jquery-ui-
1. 7? 1? custom. css" />
编辑自己的themeo jqGrid
也并不需要把所有的css文件都引入进来,只需导入核心css文件
a ui. theme, css " 以及 “ ui. core, css ”即可,文件位于冃录developme nt~b un dle/themes 卜。
jqGrid原理
jqGrid是典型的B/S架构,服务器端只是提供数据管理,客户端只提供数据显示。换句 话说,jqGrid可以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户 端数据传回给服务器端。
对于jqGrid我们所关心的就是:必须有一段代码把一些页面信息保存到数据库中,而 且也能够把响应信息返回给客户端。jqGrid是用如也来实现对请求与响应的处理。
jqGrid参数
称 名
类型
值
认
默 1
一可修改
IX
U
str应
r g t n s i
类 选 可
o lx ,
XIrt 认crip hv>ce 執 s d 孚八 i
, s , pnt 刊匕nile T7- - o ?1 厶、V s lx Wx ?丄 c LL尽, lx n
X -r
? ? c J 从型沁
e P y t
tr s
X a ?J
a
ing
colNames
Arr
ay
列显示名称,是一个数组对象
colModel
Arr
ay
常用到的属性:name列显不的名称;index传到服务 器端用来排序用的列名称; width列宽
度;align对齐方式;sortable是否可以排序
pager
str
ng
定义翻页用的导航栏,必须是有效的html元素。 翻页工具栏可以放置在html页面任意位置
rowNum
nt
在grid±显示记录条数,这个参数是要被传递至 至0后台
rowList
arr
ay
一个下拉选择框,用来改变显示记录数,当选择 时会覆盖rowNum参数传递到后台
sort name
str
ing
默认的排序列。口」以疋列名称或者疋个数子, 这个参数会被提交到后台
viewrecords
boo
lea n
定义是否要显示总记录数
capti on
str
ing
表格名称
ajaxGridOpt on s[a1」
obj
ect
对ajax参数进行全局设置,可以覆盖 ajax事件
null
是
ajaxSelectO pti on s [a2]
obj
ect
对ajax的select参数进彳丁全局设置
null
是
altclass
Str
ing
用来指定行显示的CSS,叮以编辑自己的CSS文 件,只有当alt Rows设为ture时起作用
ui-priorit y- sec on dar y
altRows
boo
lea n
设置表格zebra-striped 值
autoe ncode
boo
lea
文档评论(0)