下载此文档

jquery jqgrid使用手册.pdf

文档分类：IT计算机 | 页数：约51页举报非法文档有奖

1/51

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/51 下载此文档

文档列表 文档介绍

一、jqGrid 学****br/>jqGrid 学****之------------- 安装
jqGrid 安装很简单,只需把相应的 css、js 文件加入到页面中即可。
按照官网文档:
*
/myproject/css/
o

o
/ui-lightness/
+
/images/
+
jquery-ui-
*
/myproject/js/
o
/i18n/
+
-
+
list of all language files
+
….
o

o
jquery-
o

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

jquery jqgrid使用手册来自淘豆网www.taodocs.com转载请标明出处.