jqgrid

时间:2021-12-25 18:53:54

官方主页 http://www.jqgrid.com/
目前最新版本:jqGrid 3.7 Beta
在线文档: http://www.secondpersonplural.ca/jqgriddocs/index.htm
在线Demo: http://www.trirand.com/blog/jqgrid/jqgrid.html

jqGrid的使用 准备工作
一:准备好后台数据库
二:HTML前台页面准备好js
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> ---jQuery库
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> ---jqGrid语言库
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> ---jqGrid库,目前最新版本3.6

前台HTML页面准备好两个css
<link href="themes/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css"/> ---jQuery UI 样式
<link href="themes/ui.jqgrid.css" rel="stylesheet" type="text/css"/> ---jqGrid CSS

HTML代码:
...
<table id="list1"></table> ---显示jqGrid内容
<div id="pager1"></div> ---显示jqGrid分页
...

jqGrid取数据的四种方式:
一、XML数据
二、XMLString数据
三、JSON数据
四、JSONString数据
附一扩展方式:ArrayData数据
附二扩展方式:DataType指定特定的Function加载数据