(jqGrid中文教程.doc

1、jqGrid 3.6.2 中文文档——安装jqGrid 在你开始之前 在你开始jqGrid之前，你需要具有基本的JavaScript和jQuery知识。有关jQuery的知识可访问jQuery网站。当你已有了这些基础知识后，我们从jqGrid的系统需求开始。 ? 系统需求 基本需求： ?? 浏览器（Mozilla FireFox、Safari、Google Chrome、Opera、Microsoft Internet Explorer） ?? jQuery库v1.3及以上（） ?? jQuery UI主题（/themeroller/#themeGallery） ?? jqGrid插件（/blog/?page_id=6） ?? 本地（静态）数据（如数组数据、XML数据文件或JSON数据文件） jqGrid主要是为了操作和呈现服务器上的动态数据，因此，你还需要一个web服务器（如IIS、Apache、Tomcat），一个数据库（如PostgreSQL、Oracle、MSSQL、MySQL）和服务器端脚本语言（如PHP、ASP） ? 下载jqGrid 你可以通过jqGrid网站的jqGrid下载生成器选择你需要的组件，生成适合你要求的jqGrid副本后下载。 选择你需要的组件 下载生成器列出了所有组件：base，editing，subgrid，treegrid，import/export 和user contributed modules。你选择的组件将合并为一个javascript文件——jquery.jqGrid.min.js。 选择完成后，点击Download按钮，你将得到包含你所选内容的压缩文件。 下载后 下载后的压缩文件包括以下文件： ?????? ? /css/ ui-jqgrid.css /js/ /i18n/ grid.locale-bg.js 所有语言文件 …. Changes.txt jquery-1.3.2.min.js jquery.jqGrid.min.js /src/ /i18n/ grid.locale-bg.js 所有语言文件 …. /css/ jquery.searchFilter.css ui-jqgrid.css grid.base.js grid.celledit.js mon.js grid.custom.js grid.formedit.js grid.import.js grid.inlinedit.js grid.loader.js grid.postext.js grid.setcolumns.js grid.subgrid.js grid.tbltogrid.js grid.treegrid.js jqDnR.js jqModal.js jquery.fmatter.js jquery.searchFilter.js json2.js JsonXml.js 从文件结构上看，jqGrid需要的文件在 /css/ 和 /js/ 目录中，这些文件已被简化用于运行环境。此包中还包含了基本jQuery库，你不需要再去下载jQuery库。/src/目录中的文件为源代码，供开发人员修改和改进，为了不使用基本版本，需使用grid.loader.js ，参见“安装” 下载UI主题 从jqGrid 3.5版开始，jqGrid 完全兼容UI主题。为此，你需要下载所需的主题。主题可从jQuery UI站点/themeroller/中下载，你也可以创建你自己的主题，详细信息请访问。如果你只使用表格组件，只需使用基本的CSS文件ui.theme.css和ui.core.css（位于UI主题包的development-bundle/themes目录中）。有了所有需要的文件后，你就可以安装了。 更新日志（略） 这部分介绍了新版本修改的错误和增加的功能 安装 这节介绍安装步骤和技巧。假设你机器上已安装了一个web服务器。 基本安装 ?? 解压jqGrid和UI主题压缩文件到一个临时文件夹中； ?? 在web服务器上创建可访问的项目目录（如myproject）； ?? 在myproject目录下创建js 和css两个目录； ?? 将jqGrid包中css目录(非src/css)下的ui-jqgrid.css复制到myproject的css目录下； ?? 将jqGrid包中js目录下的所有目录和文件复制到myproject的js目录下； ?? 将UI主题包中css目录下的所有目录和文件复制到myproject的css目录下； 以上操作后，你服务器中的目录结构应该是：/myproject/css/ ui.jqgrid.css /ui-lightness/ /images/ jquery-ui-1.7.2.