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支持

来访问数据库.

 

  

你可能感兴趣的:(jqGrid(3.6版本) 入门——jqGrid简介与环境)