IE8，FF3以及Chrome 3已经支持JSON，配置：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.jgrid.useJSON = true;
</script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
</head>
<body>
...
</body>
</html>
要注意下面这段代码
<script type="text/javascript">
jQuery.jgrid.useJSON = true;
</script>
这段代码要放到语言包之后jqGrid.js文件之前。
如果浏览器不支持JSON，那么我们只能用eval函数解析json。
除了jqGrid本身提供对json的类库外，我们可以使用JSON.parse来处理JSON，配置如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/json2.js" type="text/javascript"></script>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.extend(jQuery.jgrid,{
parse:function(jsstring) {
return JSON.parse(jsstring);
}
});
</script>
</head>
<body>
...
</body>
</html>
分享到：
相关推荐
这个学习笔记主要围绕“jqGrid学习笔记1”展开，内容来源于jqGrid的英文PDF文档，结合了源码解析和实用工具的介绍。 首先，jqGrid支持多种数据源，包括JSON、XML、HTML、CSV等，这使得它能灵活地与各种后端服务进行...
此外，jqGrid支持多种数据源，包括本地数据、JSON、XML、CSV等，这使得它可以无缝集成到各种后端数据服务中。 在"jqGrid-master"压缩包中，你将找到以下核心组件： 1. **源代码**：jqGrid的JavaScript和CSS文件，...
另外，对于性能优化，了解如何正确配置jqGrid的缓存策略和异步加载机制至关重要。 总的来说，"jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar"这个压缩包提供了构建复杂Web表格和交互式用户界面的强大工具。通过深入...
1. **数据源配置**：理解如何设置JSON、XML或其他格式的数据源，以及如何与服务器进行异步交互（如AJAX）。 2. **列定义**：学习如何定义表格列，包括列名、宽度、对齐方式、可编辑性等属性。 3. **事件处理**：掌握...
本文将深入探讨free-jqgrid-4.15.5版本，此版本包含了所有的js和css文件，为开发者提供了完整的jqGrid学习和应用资源。 一、jqGrid概述 jqGrid是一款基于jQuery的开源数据网格组件，它允许用户在网页上创建交互式...
开发者可以通过这个Demo学习到如何在前端使用JqGrid构建数据展示界面，以及在后端利用Struts2进行数据处理和JSON响应。同时，这也涉及到Ajax通信、MVC架构理解和JSON数据格式的应用，对于提升Web开发技能大有裨益。
1. **jqGrid简介**：jqGrid是一款基于jQuery的开源网格控件，它提供了数据的增删查改、排序、分页、过滤、编辑等全面的功能，支持多种数据源，如JSON、XML、HTML、CSV等。 2. **分页功能**：jqGrid中的分页是通过...
2. **示例**：demo目录下的各种示例代码展示了jqGrid的各种功能和用法，是学习和调试的好帮手。 3. **文档**：docs目录中的文档详细解释了jqGrid的配置选项、方法、事件等，是开发者的参考手册。 4. **本地化**：i18...
jqGrid 是一个强大的 jQuery 插件，用于在网页上创建、操作和展示数据表格。它在Web开发领域中被广泛使用，特别是在需要...通过深入学习和实践，开发者可以充分利用 jqGrid 的强大功能，打造功能丰富的数据管理界面。
通过分析和运行这个 demo，你可以学习如何配置和定制 jQGrid，以适应你的项目需求。例如，你可以看到如何设置数据源、定义列模型、启用分页和搜索功能，以及如何处理编辑和保存操作。这将帮助你快速上手 jQGrid，并...
标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例，集成了 Bootstrap 4 的样式，无需用户进行复杂的配置或样式调整。这使得开发者可以快速地在他们的项目中应用 jqGrid，...
通过查看这个示例，你可以学习如何在实际项目中将jqGrid与MVC4结合使用，实现数据的动态加载、分页、排序和过滤功能。 总之，jqGrid在ASP.NET MVC4中的集成能够极大地提升Web应用的数据展示能力，使用户可以方便地...
以上就是"jqgrid+三大框架"项目的核心知识点，通过这个项目，开发者可以学习到如何将前端与后端完美结合，实现高效的数据展示和交互。同时，这也是一个典型的Java Web开发案例，对于理解和掌握Java EE应用的开发流程...
6. **学习和应用**：对于初学者，可以通过官方文档和示例代码学习如何使用jqGrid。对于开发者，可以结合其他前端框架（如Bootstrap）和后端技术（如PHP、ASP.NET、Node.js等）构建完整的Web应用。 总之，Guriddo_...
- `docs`: 官方文档，帮助开发者了解和学习如何使用jqGrid。 - `src`: jqGrid的源代码，方便开发者查看和定制。 通过以上内容，我们可以看到jqGrid 4.4.1是一个功能强大的表格插件，提供了全面的数据管理和展示功能...
- `INSTALLJQFORMBUILDER` 和 `INSTALLJQSCHEDULER` 可能是安装指南或配置文件，用于集成额外的 jqGrid 插件，如 Form Builder 和 Scheduler，它们扩展了 jqGrid 的功能，分别用于创建表单和日程管理。 - `tabs....
jqGrid 的功能可以通过配置选项进行定制。例如，可以设置列宽、标题、数据类型，以及是否启用分页、排序等功能。在 demo 中，你可以看到如何通过 JavaScript 代码配置这些选项。 5. **CSS 样式** "css" 文件夹...
为了实现这些导出功能，jqGrid 提供了一些内建的方法和配置选项。例如，使用 `exportToExcel` 函数可以导出到 Excel，`toDataURL` 方法可以生成图片数据URL，而 `toXMLString` 或 `toJSONString` 分别用于生成 XML ...
中文大全资料集合了关于 jqGrid 的各种教程、文档和使用心得，对于学习和掌握 jqGrid 非常有帮助。 1. **jqGrid 的基本概念** - jqGrid 是一款开源的 jQuery 插件，它提供了一个高度可定制的表格组件。 - jqGrid ...
1. **数据源**：jqGrid支持多种数据源，如JSON、XML、HTML表格等，可以通过配置`url`参数指定服务器端的数据接口。 2. **列定义**：每列的显示和行为可以通过`colModel`配置，包括列名、宽度、可编辑性等属性。 3. *...