没有合适的资源?快使用搜索试试~ 我知道了~
学习jqgrid自己整理的一些笔记,希望对大家有所帮助
资源推荐
资源详情
资源评论
jqGrid 学习之 ------------- 安装
安装很简单,只需把相应的 、 文件加入到页面中即可。
按照官网文档
!
"
#$
%
在页面中写法:
&' 代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>MyFirstGrid</title>
<linkrel="stylesheet"type="text/css"media="screen"href="css/ui-lightness/
jquery-ui-1.7.1.custom.css"/>
<linkrel="stylesheet"type="text/css"media="screen"href="js/src/css/
ui.jqgrid.css"/>
<linkrel="stylesheet"type="text/css"media="screen"href="js/src/css/
jquery.searchFilter.css"/>
<style>
html,body{
margin:0;
padding:0;
font-size:75%;
}
</style>
<scriptsrc="js/jquery-1.3.2.min.js"type="text/javascript"></script>
<scriptsrc="js/src/grid.loader.js"type="text/javascript"></script>
</head>
<body>
...
</body>
</html>
需要说明的是, 的字体大小与 字体大小不一致,故需要在页面上在加上一段
来指定页面上文字大小。
jqGrid 皮肤
从 %( 版本开始, 完全支持 )* 的 。我们可以
从 下载我们所需要的 。当然,你也可以编辑自己的
。
也并不需要把所有的 文件都引入进来,只需导入核心 文件“+以及“+即
可,文件位于目录 ' 下。
jqGrid 原理
是典型的 ,- 架构,服务器端只是提供数据管理,客户端只提供数据显示。换句话说, 可
以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户端数据传回给服务器端。
对于 我们所关心的就是:必须有一段代码把一些页面信息保存到数据库中,而且也能够把响应信
息返回给客户端。 是用 $ 来实现对请求与响应的处理。
jqGrid 参数
名称 类
型
描述 默认值
可
修
改
获取数据的地址
从服务器端返回的数据类型,默认 $。可选类型:
$,,,,,$,
,
$ 提交方式。./-0 或者 10,默认 10
2 3
列显示名称,是一个数组对象
4 3
常用到的属性:name列显示的名称;index传到服
务器端用来排序用的列名称;width列宽度;align
对齐方式;sortable是否可以排序
定义翻页用的导航栏,必须是有效的 元素。翻页
工具栏可以放置在 页面任意位置
52
在 上显示记录条数,这个参数是要被传递到后台
56
一个下拉选择框,用来改变显示记录数,当选择时会覆
盖 52 参数传递到后台
默认的排序列。可以是列名称或者是一个数字,这个参
数会被提交到后台
'5
定义是否要显示总记录数
表格名称
$/
78
对 $ 参数进行全局设置,可以覆盖 $ 事件
是
$-/
78
对 $ 的 参数进行全局设置
是
-
用来指定行显示的 ,可以编辑自己的 文件,只
有当 95 设为 时起作用
95
设置表格 :值
对 进行编码
是
5
如果为 时,则当表格在首次被创建时会根据父元
素比例重新调整表格宽度。如果父元素宽度改变,为了
使表格宽度能够自动调整则需要实现函数:
;
否
6
定义了单元格 <宽度。通常不必修
改此值。初始值为
(
是
1
启用或者禁用单元格编辑功能
是
-
定义了单元格内容保存位置
=>
是
-
单元格提交的 空值 是
-
$ 或者 空值 是
3
-
只有当 为 时起作用。当排序时不选择
当前行
是
表格中文字的显示方向,从左向右()或者从右向左
()
否
定义对 编辑时的 空值 是
当返回的数据行数为 ? 时显示的信息。只有当属性
'5设置为 时起作用
是
1$##
@
当为 时,点击展开行的文本时, 就能展
开或者收缩,不仅仅是点击图片
否
1$#
指定那列来展开 ,默认为第一列,只有在
为 时起作用
空值 否
57%8
当为 时,会在翻页栏之上增加一行
否
A
当为 时,调整列宽度不会改变表格的宽度。当
@0A为 时,此属性会被忽略
否
定义当前表格的状态:B'BBB
'
否
'5
构造一行数据后添加到 中,如果设为 则是将
整个表格的数据都构造完成后再添加到 中,但
CC *95不能用
是
$
表格高度,可以是数字,像素值或者百分比
(?
否
当为 时,表格不会被显示,只显示表格的标题。
只有当点击显示表格的那个按钮时才会去初始化表格数
据。
否
启用或者禁用控制表格显示、隐藏的按钮,只有当
属性不为空时起效
否
'5
当为 时 ' 会被禁用
是
9
描述 数据格式的数组
否
只读属性,定义了总页数
?
否
只读属性,定义了最后排序列的索引,从 ? 开始
?
否
如果为 则数据只从服务器端抓取一次,之后所有
操作都是在客户端执行,翻页功能会被禁用
否
$
当请求或者排序时所显示的文字内容
6
否
当执行 $ 请求时要干什么。disable 禁用 $ 执行
提示;enable 默认,当执行 $ 请求时的提示;
block 启用 6 提示,但是阻止其他操作
是
@
只有在 设置为 时起作用,定义使用
那个 @ 来做多选。shiftKey,altKey,ctrlKey
空值 是
$
只有当 D起作用,当 $
为 时只有选择 @$ 才会起作用
是
定义是否可以多选
否
;
当 为 时设置 列宽度
?
否
设置初始的页码
是
指定分页栏的位置
否
是否显示翻页按钮
否
是否显示跳转页面的输入框
否
剩余42页未读,继续阅读
资源评论
lijianlee1
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功