强大的JQuery的插件jqGrid

希望这个帮助文档能对大家学习jQuery的插件jqGrid带来帮助(在个人的使用过程中不断更新),希望大家提出意见。

jQuery 的jqGrid包 现在已经更新到了3.8了 ，但是其中的主要应用是不会有太大的改动的，希望这个帮助文档能对jQuery插件的学习有所帮助。

jqGrid包说明:

jquery.js is the jQuery library,

jquery.jqGrid.js 主单元，包含的功能取决您的选择

grid.basic.js 主插件 其他插件包依赖于该插件正常运行

grid.custom.js Grid高级插件功能包

grid.formedit.js 用于表格编辑、增加、删除功能

grid.inlinedit.js 线条编辑

grid.subgrid.js 一个处理表格的插件

grid.postext.js 一个可以用来操作post数据的包

jqModal.js 模态对话框的编辑

jqDnR.js 可拖拉的表格编辑

themes 包含gird需要的样式表

一、 功能描述：

jqGrid包主要用于将需要展示的数据动态的展示在页面的上，即动态画出表格，并封装了增、删、改、查、分类显示、在线编辑修改等功能。

二、 关键使用说明：

1、 导入jqGrid包，在首页属性里面添加如下包的信息

<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\"

href=\"/SedSoft/jqGrid/themes/basic/grid.css\">

<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\"

href=\"/SedSoft/jqGrid/themes/jqModal.css\">

<script type=\"text/javascript\" src=\"/sedsoft/jqGrid/jquery.js\" > </script>

<script type=\"text/javascript\" src=\"/sedsoft/jqGrid/jquery.jqGrid.js\" ></script>

<script type=\"text/javascript\" src=\"/sedsoft/jqGrid/js/jqModal.js\" ></script>

<script type=\"text/javascript\" src=\"/sedsoft/jqGrid/js/jqDnR.js\" > </script>

注：由于加载js包 会耗费大量资源，建议动态加载这些js包，优化页面初始化效

率。 2、 在页面上需要添加表格的地方， 增加

<table id="list" class="scroll"></table>

<div id="pager" class="scroll" style="text-align:center;"></div>

</body>

list表格id，pager为表格导航条id 三、 写jqGrid函数

jQuery(document).ready(function(){

jQuery("#list").jqGrid({

',

datatype: 'xml',