【发布时间】：2011-07-27 22:55:45
【问题描述】：
我正在尝试遵循http://www.secondpersonplural.ca/jqgriddocs/index.htm 上的jqGrid 教程。
在“创建您的第一个网格”部分下的“HTML”页面上，他们提供了一个示例网页。
<html>
<head>
<title>jqGrid Demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqModal.js" type="text/javascript"></script>
<script src="js/jqDnR.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'example.php',
datatype: 'xml',
mtype: 'GET',
colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'],
colModel :[
{name:'invid', index:'invid', width:55},
{name:'invdate', index:'invdate', width:90},
{name:'amount', index:'amount', width:80, align:'right'},
{name:'tax', index:'tax', width:80, align:'right'},
{name:'total', index:'total', width:80, align:'right'},
{name:'note', index:'note', width:150, sortable:false} ],
pager: jQuery('#pager'),
rowNum:10,
rowList:[10,20,30],
sortname: 'id',
sortorder: "desc",
viewrecords: true,
imgpath: 'themes/basic/images',
caption: 'My first grid'
});
});
</script>
</head>
<body>
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
</body>
</html>
当我加载该页面时，在加载 jQuery、解压缩完整安装的 jqGrid 并从 Themeroller 解压缩（默认完整）主题（并将 development-bundle/ 的内容与其他所有内容一起移动到父目录）后，我得到一个空白页。
浏览了一下，我看到了一些支持文件，但没有看到其他文件。例如，HTML 会提取 js/jqModal.js 和 Themes/jqModal.css。我有 jqModal.js，但 jqModal.css 是 404，我还没有成功找到从哪里拉它。
我认为空白页是因为它是从不存在的源中提取的（如果文档提供示例 XML 文件而不是提供在服务器端构建 XML 的指令会更好），但我会感兴趣示例 XML 和我丢失的文件中。
我在哪里可以得到它似乎想要的 jqModal.css 和 theme/basic/grid.css 之类的文件？ 在我在服务器上构建东西之前，我可以使用示例 XML构建 XML 数据文件？
--编辑--
我将数据 URL 从“example.php”更改为“example.xml”，并在其中保存了以下内容：
<?xml version ="1.0" encoding="utf-8"?>
<rows>
<page>1</page>
<total>2</total>
<records>2</records>
<row id = "1">
<cell> cellcontent </cell>
<cell> <![CDATA[<font color=”red”>cell</font> content]]> </cell>
</row>
<row id = "2">
<cell> cellcontent </cell>
<cell> <![CDATA[<font color=”red”>cell</font> content]]> </cell>
</row>
</rows>
（文档提供了带有智能引号的示例 XML，但用标准引号替换智能引号并没有改变行为。）
我仍然得到一个空白页。 （除了 Chrome，我还在 Firefox 和 IE 中检查了它：仍然只是一个空白页面，有一个标题，但没有其他可见的内容。）
【问题讨论】：
标签： javascript jquery datagrid jqgrid grid