Jqgrid中文使用手册_jqgrid中文手册,jqgridapi中文手册资源-CSDN文库

5星 · 超过95%的资源需积分: 50 60 浏览量 2011-11-03 13:29:00 上传评论 2 收藏 752KB DOC 举报

### JqGrid中文使用手册知识点概述 #### 一、JqGrid安装与配置 JqGrid是一款基于jQuery的网格插件，它提供了丰富的功能用于展示和管理数据表格。本章节详细介绍了如何安装JqGrid，并给出了一个简单的示例。 **安装步骤**： - 将所需的CSS和JS文件添加到项目中。根据文档提供的目录结构，这些文件通常包含： - CSS文件夹下的`ui.jqgrid.css`和子文件夹`ui-lightness`中的`images`文件夹和`jquery-ui-1.7.2.custom.css`。 - JS文件夹下的`i18n`文件夹，其中包含了语言文件如`grid.locale-bg.js`以及其他语言文件列表。此外还包括`Changes.txt`、`jquery-1.3.2.min.js`和`jquery.jqGrid.min.js`等文件。 **示例代码**： ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/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-1.7.1.custom.css"/> <link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css"/> <link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css"/> <style> html, body { margin: 0; padding: 0; font-size: 75%; } </style> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/src/grid.loader.js" type="text/javascript"></script> </head> <body> </body> </html> ``` 为了确保jqGrid和jQuery UI的字体大小一致，需要在页面上添加额外的样式以调整字体大小。 #### 二、JqGrid皮肤设置 JqGrid自3.5版本开始，完全支持jQuery UI的主题风格，用户可以根据需要自定义或下载主题。 **设置方法**： - 从官方资源网站`http://jqueryui.com/themeroller/`下载所需的主题。 - 编辑自定义主题。 - 只需引入核心CSS文件“ui.theme.css”和“ui.core.css”，这两份文件位于`development-bundle/themes`目录下。 #### 三、JqGrid参数详解这一部分深入讲解了JqGrid的一些基本参数及其作用，对于初学者来说非常有用。 **常见参数及其含义**： | 参数名 | 描述 | |----------|--------------------------------------------------------------| | `url` | 获取数据的URL地址。 | | `datatype` | 从服务器返回的数据格式，默认为XML。可选项包括：XML、LOCAL、JSON、JSONNP等。 | | `mtype` | AJAX请求方式，可选值为POST或GET，默认为GET。 | | `colNames` | 列的显示名称，以数组形式给出。 | | `colModel` | 列属性设置，同样是以数组形式。包括列名、索引、宽度、对齐方式等。 | | `pager` | 定义分页器的位置，可以放在页面的任意位置。 | | `rowNum` | 显示的行数，该参数会被发送到后端处理。 | | `rowList` | 下拉列表，用于改变每页显示的行数。 | | `sortname` | 默认排序的列名。 | | `viewrecord` | 是否显示记录总数。 | | `caption` | 表格标题。 | 通过了解这些参数的意义，可以帮助开发者更好地定制和优化JqGrid的表现和功能，满足不同的需求场景。

资源推荐

资源详情

资源评论

第  页有我标出的内容

一、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/

 +

 grid.locale-bg.js

 +

 list of all language files

 +

 ….

 o

 Changes.txt

 o

 jquery-1.3.2.min.js

 o

 jquery.jqGrid.min.js

目录结构如上。

在页面中写法：

        !"  #  $%&'(

)*+++#+#,%-.//0%&'#112

/304)*+++#+#,%-//*53-46353-4632

6512

65)678&94,363:)6',36346/;'5%0648<=2

&62":>&%0?%&1&62



1&%6'&,3

0%&3

表格中文字的显示方向，从左向右（%）或者

从右向左（%%）。

%

否

61&8%

0%&3

定义对 <,% 编辑时的 8% 空值是

6):%6

',%10

0%&3

当返回的数据行数为  时显示的信息。只有当

属性 9&6+%6',%10设置为 8%6 时起作用

在语言包中是

/)531

,&'@

B,,

653

当为 %86 时，点击展开行的文本时，%66?%&1

就能展开或者收缩，不仅仅是点击图片

%86

否

/)531

,83

0%&3

指定那列来展开 %66-%&1，默认为第一列，只

有在 %66?%&1 为 %86 时起作用

空值否

<,,6%%,

B,,

653

当为 %86 时，会在翻页栏之上增加一行

<506

否

<,%'6>&

B,,

653

当为 8%6 时，调整列宽度不会改变表格的宽

度。当 0%&3@,>&为 <506 时，此属性会被忽

略

<506

否

-%&105

0%&3

定义当前表格的状态：P9&0&B6P,%P&1163P

9&0&B6

否

-%&19&6+

B,,

653

构造一行数据后添加到 -%&1 中，如果设为 %86

则是将整个表格的数据都构造完成后再添加到

-%&1 中，但 %66?%&108B?%&1,%

5<6%306%.,+不能用

<506

是

6&-

&/

表格高度，可以是数字，像素值或者百分比



否

&1163-

%&1

B,,

653

当为 8%6 时，表格不会被显示，只显示表格的

标题。只有当点击显示表格的那个按钮时才会

去初始化表格数据。只有当 '5)&,3属性不为

空而且 &16-%&1 为 8%6 时才起作用

<506

否

&16-%&1

B,,

653

启用或者禁用控制表格显示、隐藏的按钮，只

有当 '5)&,3属性不为空时起效

%86

否

,96%%,

B,,

653

当为 <506 时 ,806,96%&3- 会被禁用

<506

是

A0,3.65

16%

5%%5

描述 A0,3数据格式的数组，否

50)5-6

&36

-6%

只读属性，定义了总页数



否

500,%

&36

-6%

只读属性，定义了最后排序列的索引，从  开

始



否

,51,3'

B,,

653

如果为 8%6 则数据只从服务器端抓取一次，之

后所有操作都是在客户端执行，翻页功能会被

禁用

<506

否

,516/ 0%&3

当请求或者排序时所显示的文字内容

,51&3-####

否

剩余48页未读，继续阅读

评论收藏

内容反馈

zhf_212

2013-08-27

很好很全面
jonny-jiong

2013-02-22

已经用到项目了，谢谢！
wangyao321321

2013-03-18

不错的资源，排版差一点点
volcano_hosan

2013-10-14

很实用，排版要是再好点就好看了
u010580980

2013-08-21

已经用到项目了，谢谢！

前往

页

logybug

粉丝: 0
资源: 6

Jqgrid中文使用手册

jqGrid使用手册

jqGrid中文教程

Jqgrid 中文文档

jqgrid使用说明

jqGrid 中文大全(1)

JqGrid中文API文档

jqGrid_api中文文档

jqGrid5.3.1(grid，treegrid) 2018官方最新版本

jquery.jqgrid最新版

jqGrid用法汇总(全经典)

jqGrid中文文档.doc

jqGrid手册教程一本通

jqGrid 中文大全(2)

jqgrid中文文档API

jqGrid中文语言js

JqGrid

jqGrid(版本:5.1.0)

jqGrid_5.3.1

jqGrid demo （完整版）

简单的jqGrid示例

jqgrid实现图片上传功能（java版）

jqGrid官方I文档

jqgrid的详细帮助手册(chm格式)

JqGrid 中文帮助文档 api

jqGrid使用demo： 数据加载 增加， 修改， 删除， 还原， 撤销等

jqgriddemo,样式漂亮，可以直接使用

jqGrid（jqueryGrid表格操作demo）

jqGrid简单示例

jqGrid 5.3全演示包

JqGrid插件+JqGridDemo+JqGrid主题

最新资源

jqGrid使用demo：数据加载增加，修改，删除，还原，撤销等