一、jqGrid简介:
jqGrid 是一款运行于web上,用以展现和处理列表数据的ajax能力的JavaScript控件。因为它是通过ajax毁掉机制动态读取数 的客户端解决方案,因此它可以和包括asp,php,jsp,java sevlet,ColdFusion,perl等服务器端集成。同时它是基于jqury库的,是jqury库的一个插件,它的运行需要jqury库支持。jqGrid3.6版本运行的例子可以在这里找到。
二、jqGrid运行环境。
jqGrid下载页面里,将jqGrid分了好几个模块,根据下载所选模块,jqGrid下载页会自动生成不同大小的jqGrid脚本文件
如果不清楚自己想要的功能需要哪些模块,索性全下好了,总共就200多k。
(我是搞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支持
来访问数据库.