没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
J qgrid 中文文档 --- 整理
:
沧浪雾月客
1
Jqgrid 中文文档
jqGrid 学习 ----------- 原理
........................................................................................
2
jqGrid 学习之 --------- 皮肤
........................................................................................
2
jqGrid 学习
......................................................................................................................
2
jQuery 学习之: jqGrid 表格插件 —— 参数配置
................................................................
4
jqGrid 学习 -------------- 自定义搜索
........................................................................
14
jqGrid 学习 -------------- 搜索工具栏
......................................................................
16
jqGrid 学习 -------------- 搜索
.................................................................................
17
jqGrid 学习 -------------- 自定义格式化类型
............................................................
19
jqGrid 学习 -------------- 格式化
.............................................................................
21
jqGrid 学习 -------------- 自定义按钮
......................................................................
26
jqGrid 学习 -------------- 翻页( 2 )
........................................................................
28
jqGrid 学习 -------------- 翻页
.................................................................................
33
jqGrid 学习 -------------- 配置 json
.........................................................................
35
jqGrid 学习 -------------- 方法
.................................................................................
37
jqGrid 学习 ----------- 事件
......................................................................................
45
jqGrid 学习 ----------- 数据
......................................................................................
48
jqGrid 学习 -------------- ColModel API
...................................................................
55
jqGrid 学习 ----------- 参数( 2 )
.............................................................................
57
jqGrid 学习 ------------------ jqGrid 参数
...............................................................
63
jqGrid 学习 ----------------- 第一个实例
.................................................................
63
使用 jqGrid 修改数据并检查
...........................................................................................
69
J qgrid 中文文档 --- 整理
:
沧浪雾月客
2
jqGrid 学习 ----------- 原理
jqGrid 是典型的 B/S 架构,服务器端只是提供数据管理,客户端只提供数据显
示。换句话说, jqGrid 可以以一种更加简单的方式来展现你数据库的信息,而
且也可以把客户端数据传回给服务器端。
对于 jqGrid 我们所关心的就是:必须有一段代码把一些页面信息保存到数据库
中 , 而且也能够把响应信息返回给客户端 。 jqGrid 是用 ajax 来实现对请求与响
应的处理。
jqGrid 学习之 --------- 皮肤
jqGrid 皮肤
从 3.5 版本开始, jqGrid 完全支持 jquery UI 的 theme 。我们可以 从
http://jqueryui.com/themeroller/ 下载我们所需要的 theme 。 当然 , 你也可以
编辑自己的 theme 。 jqGrid
也并不需要把所有的 css 文件都引入进来,只需导入核心 css 文件
“ ui.theme.css ” 以及 “ ui.core.css ” 即可,文件位于目 录
development-bundle/themes 下。
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/
J qgrid 中文文档 --- 整理
:
沧浪雾月客
3
+
grid.locale-bg.js
+
list of all language files
+
… .
o
Changes.txt
o
jquery-1.3.2.min.js
o
jquery.jqGrid.min.js
目录结构如上。
在页面中写法:
Java 代码
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="
en">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=utf
-8" />
5. <title>My First Grid</title>
6.
7. <link rel="stylesheet" type="text/css" media="screen" href="css
/ui-lightness/jquery-ui-1.7.1.custom.css" />
8. <link rel="stylesheet" type="text/css" media="screen" href="js/
src/css/ui.jqgrid.css" />
9. <link rel="stylesheet" type="text/css" media="screen" href="js/
src/css/jquery.searchFilter.css" />
10.
11. <style>
12. html, body {
13. margin: 0 ;
14. padding: 0 ;
15. font-size: 75 %;
16. }
17. </style>
18.
19. <script src="js/jquery-1.3.2.min.js" type="text/javascript"></s
cript>
J qgrid 中文文档 --- 整理
:
沧浪雾月客
4
20. <script src="js/src/grid.loader.js" type="text/javascript"></sc
ript>
21.
22. </head>
23. <body>
24. ...
25. </body>
26. </html>
需要说明的是, jquery-ui 的字体大小与 jqgrid 字体大小不一致,故需要在页
面上在加上一段
style 来指定页面上文字大小。
jQuery 学习之: jqGrid 表格插件 —— 参数配置
由于 jqGrid 功能强大 , 配置比较复杂 , 在第一个例子中 , 对于 jqGrid 的配置参
数没有进行什么解释 。 从现在开始 , 会陆续介绍 jqGrid 的参数 。 这 些参数的详
细介绍请查看官方文档 。 由于本人英语水平有限 , 翻译不好 , 请多原谅 。 ( 为了
保证连贯性,翻译时引用了 http://a3mao.javaeye.com ,在此感谢。但在他的
基础上增加了一些内容。)
上有很多 jqGrid 的 API ,大家可以查看。
在 $("#tableId").jqGrid(optional); 中 , optional 对象包含如下的属性 : ( 属
性按字母顺序排列)
参数名称
参数
类型
描述 默认值
是
否
可
以
被
修
改
ajaxGrid
Options
obje
ct
对 aja x 参数进行全局设置 , 可以覆 盖 aja x 事件
:
error , complete 和 beforeSend
空值 是
ajaxGrid
Options
obje
ct
对 ajax 参数进行全局设置 空值 是
J qgrid 中文文档 --- 整理
:
沧浪雾月客
5
ajaxSele
ctOption
s
obje
ct
对 ajax 的 select 参数进行全局设置,设 置
editoptions 跟 searchoptions 参数的 selec t
属性值
空值 是
altclass
Stri
ng
用来指定行显示的 css ,可以编辑自己的 css 文
件,只有当 altRows 设为 ture 时起作用
ui-priorit
y-secondar
y
是
,
但
需
要
重
新
加
载
altRows
bool
ean
设置表格 zebra-striped 值 false
是
,
需
重
新
加
载
autoenco
de
bool
ean
当为 ture 时对 url 进行编码 false 是
autowidt
h
bool
ean
如果为 ture 时,则当表格在首次被创建时会根
据父元素比例重新调整表格宽度 。 如果父元素宽
度改变 , 为了使表格宽度能够自动调整则需要实
现函数: setGridWidth
false 否
caption
Stri
ng
定义表格名称 空值
否
,
但
是
可
以
用
ap
i
修
改
cellLayo
ut
inte
ger
定义了单元格 padding + border 宽度。通常不
必修改此值。初始值为 5 , paddingLef ⇒
2+paddingRight ⇒ 2+borderLeft ⇒ 1=5
5 否
cellEdit
bool
ean
启用或者禁用单元格编辑功能 false 是
cellsubm
it
Stri
ng
定义了单元格内容保存位置: “ remote ” ,
“ clientArray ”
‘ remote ’ 是
剩余73页未读,继续阅读
SunnyYim
- 粉丝: 1
- 资源: 13
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1