首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jqGrid:1、 环境搭建

2012-11-03 
jqGrid:一、 环境搭建jqGrid 3.8官网http://www.trirand.com/blog/在线demohttp://www.trirand.com/blog/jq

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>

6.over.

热点排行