jqGrid：一、 环境搭建

jqGrid 3.8
官网[url]http://www.trirand.com/blog/[/url]
在线demo[url]http://www.trirand.com/blog/jqgrid/demo38/jqgrid.html[/url]
下载页[url]http://www.trirand.com/blog/?page_id=6[/url]
API[url]http://www.trirand.com/jqgridwiki/doku.php?id=wiki:grouping[/url]

开发环境：
1,MyEclipse 6.0.0
2,mysql 5.1.50
3,tomcat 6.0

搭建步骤:
[url]http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install[/url]
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.