什么向往

浏览: 81101 次
性别:
来自: 西安

最近访客更多访客>>

longwenbin2008

jiazhigang

dongguangming88

abcde123554

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jqgrid--安装

博客分类：

jqgrid

JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。
JQGrid Demo 是一个在线的演示项目。在这里，可以知道jqgrid可以做什么事情。

下面是转自其他人blog的一个学习资料，与其说是学习资料，说成查询帮助文档更加合适。

jqGrid学习之 ------------- 安装

jqGrid安装很简单，只需把相应的css、js文件加入到页面中即可。
按照官网文档:

/myproject/css/
            ui.jqgrid.css
            /ui-lightness/
                  /images/
                  jquery-ui-1.7.2.custom.css

/myproject/js/
            /i18n/
                  grid.locale-bg.js
                  list of all language files
                  ….
            Changes.txt
            jquery-1.3.2.min.js
            jquery.jqGrid.min.js

在页面中写法：

<!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>

需要说明的是，jquery-ui的字体大小与jqgrid字体大小不一致，故需要在页面上在加上一段
style来指定页面上文字大小。

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是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。
对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。

分享到：

jqgrid--常用参数说明 | jqgrid的参数说明

2012-11-14 20:36
浏览 1775
评论(0)
分类:Web前端
查看更多

发表评论

文章已被作者锁定，不允许评论。

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jqgrid--安装

jqGrid学习之 ------------- 安装

jqGrid皮肤

jqGrid原理

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jqgrid--安装

jqGrid学习之 ------------- 安装

jqGrid皮肤

jqGrid原理

评论

发表评论

相关推荐

jqgrid--搜索

jqgrid--自定义格式化

jqgrid--格式化

jqgrid--自定义按钮

jqgrid--分页

jqgrid--配置JSON

jqgrid--数据类型

jqgrid--方法

jqgrid--事件

jqgrid--常用参数说明

jqgrid的参数说明

最近访客更多访客>>