jqGrid（3.6版本） 入门——jqGrid简介与环境

    一、jqGrid简介：

                jqGrid 是一款运行于web上，用以展现和处理列表数据的ajax能力的JavaScript控件。因为它是通过ajax毁掉机制动态读取数  的客户端解决方案，因此它可以和包括asp，php，jsp，java sevlet，ColdFusion，perl等服务器端集成。同时它是基于jqury库的，是jqury库的一个插件，它的运行需要jqury库支持。jqGrid3.6版本运行的例子可以在这里找到。

  

   二、jqGrid运行环境。

• 浏览器：jqGrid支持Mozilla Fire Fox, Safari, Google Chrome, Opera, Microsoft Internet Explorer 等浏览器。
• jQuery 库版本1.3以上下载地址：http://www.jquery.com。
• jQuery UI theme（jQuery UI 主题jqGrid需要jQuery UI 的主题文件）下载地址：http://jqueryui.com/themeroller/#themeGallery。
• jqGrid 插件，下载地址： http://www.trirand.com/blog/?page_id=6

          jqGrid下载页面里，将jqGrid分了好几个模块，根据下载所选模块，jqGrid下载页会自动生成不同大小的jqGrid脚本文件

          如果不清楚自己想要的功能需要哪些模块，索性全下好了，总共就200多k。

• 服务器：jqGrid也可以处理和展现本地数据例如数组，存储在成xml格式或者json格式的文件；但是jqGrid 主要目的是在web上动态的处理和展现数据，所以学习jqGrid最好还是要配置一个后台服务器，如tomcat，php，asp.net等，还有能和这些服务器通信的数据库例如MySql。

（我是搞java web开发的，所以我用的环境是Myeclipse7+tomcat6+struts2【struts2可以不用或或换成任何类似框架，或直接用个servlet】）。

 

  三、配置流程。

       

        下载JQury库:jquery-1.3.2.min.js，JQury UI theme:jquery-ui-1.7.2.custom.zip，jqGrid:jquery.jqGrid-3.6.zip;到本地比

         如存放在D:/java/jslib/jquery-1.3.2.min.js;

                     D:/java/jslib/jquery-ui-  1.7.2.custom.zip;

                     D:/java/jslib/jquery.jqGrid-3.6.zip；

        也可以不下载JQruey库，因为jqGrid的3.6版本里自带一份jQury1.3.2的库

        启动 MyEclipse 新建web工程：

                

 

 

点击完成。

生成的初始项目目录下图所示：

 

 

 

 

 

将下载的jquery.jqGrid-3.6.zip包解压至某文件夹如下图

 

 

 

 

 

其中css文件夹中放得是jqGrid的样式文件，js文件夹中是编译好的jqGrid的js脚本和JQuery库文件，src是jqGrid的开发源文件。

同样将jquery-ui-1.7.2.custom.zip解压到此文件夹中，提示是否覆盖时，点击确认即可。

 

 

 

 

 

最后将css和js文件夹一同个拷贝到刚才在MyEclipse里创建的项目的Webroot文件夹下，之后项目的目录结构大致如图：

 

 

红叉是因为js文件的编码问题，不影响项目运行。注意css和js文件夹里的文件和目录的层次结构不能错否则jqGrid的显示将会不正常。

剩下的就是加入spring框架，为简便起见我就不使用struts2和hibernate了，只新建个servlet充作视图控制器来用，用spring的jdbc支持

来访问数据库.