jqGrid:一、 环境搭建
jqGrid 3.8
官网http://www.trirand.com/blog/
在线demohttp://www.trirand.com/blog/jqgrid/demo38/jqgrid.html
下载页http://www.trirand.com/blog/?page_id=6
APIhttp://www.trirand.com/jqgridwiki/doku.php?id=wiki:grouping
开发环境:
1,MyEclipse 6.0.0
2,mysql 5.1.50
3,tomcat 6.0
搭建步骤:
http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install
1.WebRoot下新建目录css和js;
2.把jqGrid3.8官方demo包里的主题包即themes文件夹copy到css目录下,这个主题包是jqueryui的。
3.将jqGrid3.8的源码包即src文件夹copy到js目录下。
4.将jquery-1.4.2.min.js和jquery-ui-1.8.2.custom.min.js两个文件(可在官方demo中直接找到)copy到js目录下。
5.新建jqGrid.html页面,引入css和js文件
<link rel="stylesheet" type="text/css" media="screen" href="css/themes/redmond/jquery-ui-1.8.2.custom.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/themes/ui.jqgrid.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/themes/ui.multiselect.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/themes/jquery.searchFilter.css" /> <style>html,body { margin: 0; /* Remove body margin/padding */ padding: 0; overflow: hidden; /* Remove scroll bars on browser window */ font-size: 75%;}</style> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script> <script src="js/src/ui.multiselect.js" type="text/javascript"></script> <script src="js/src/grid.loader.js" type="text/javascript"></script> <script type="text/javascript"> $.jgrid.no_legacy_api = true; $.jgrid.useJSON = true; </script>