Javascript jqGrid教程示例的支持文件在哪里？_Javascript_Jquery_Datagrid_Jqgrid_Grid

Javascript jqGrid教程示例的支持文件在哪里？

javascript jquery jqgrid grid

Javascript jqGrid教程示例的支持文件在哪里？,javascript,jquery,datagrid,jqgrid,grid,Javascript,Jquery,Datagrid,Jqgrid,Grid,我正在努力学习本教程的内容在“创建第一个网格”部分的“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

我正在努力学习本教程的内容

在“创建第一个网格”部分的“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>


jqGrid演示
jQuery（文档）.ready（函数（）{
jQuery（“#list”）.jqGrid({
url:'example.php'，
数据类型：“xml”，
mtype:'获取'，
colNames:['Inv No'，'Date'，'Amount'，'Tax'，'Total'，'Notes']，
colModel:[
{名称：'invid'，索引：'invid'，宽度：55}，
{名称：'invdate'，索引：'invdate'，宽度：90}，
{名称：'amount'，索引：'amount'，宽度：80，对齐：'right'}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：'right'}，
{名称：'total'，索引：'total'，宽度：80，对齐：'right'}，
{name:'note'，index:'note'，width:150，sortable:false}，
pager:jQuery（“#pager”），
rowNum:10，
行列表：[10,20,30]，
sortname:'id'，
巫师：“描述”，
viewrecords：是的，
imgpath:'themes/basic/images'，
描述：“我的第一个网格”
}); 
});

当我加载该页面时，在加载jQuery、解包jqGrid的完整安装、解包Meroller中的（默认完整）主题（并将development bundle/的内容与其他内容一起移动到父目录）之后，我得到一个空白页面

随便看看，我看到了一些支持文件，但没有其他文件。例如，HTML提取js/jqModal.js和themes/jqModal.css。我已经准备好了jqModal.js，但是jqModal.css是一个404，我还没有成功地找到它的来源

我认为空白页是因为它是从一个不存在的源中提取的（如果文档提供了一个示例XML文件，而不是给出在服务器端构建XML的指令）会更好，但是我会对XML和我丢失的文件感兴趣。

在哪里可以获得它似乎想要的jqModal.css和themes/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>


1.
2.
2.
细胞含量
单元格内容]]>
细胞含量
单元格内容]]>

（文档提供了带有smartquotes的示例XML，但用标准引号替换smartquotes并没有改变行为。）

我仍然得到一张空白页。（和Chrome一样，我在Firefox和IE中查看了它：仍然只是一个空白页面，有一个标题，但没有其他可见内容。）

我认为本教程基于一个示例，您可以从jGrid主页下载。

尝试下载包含css文件的演示。zip文件应该包含Nesacary javasctipt文件。

我已经提取了该文件，并尝试了大约一半；实际上，只有example.html呈现了外观精美的小部件。其他人告诉如何做某事，但不渲染任何内容。他们是从PHP中提取数据还是需要打开的东西？phpfile包含连接和读取SQL数据库数据的源代码。数据库的结构可以通过键入这些源代码来确定。在文档中，“数据库的结构可以通过键入这些源代码来确定”并不能解决这个问题。如果你想让你的演示依赖于一个数据库，你应该提供一个数据库转储或其他明确的说明，而不是一句“阅读源代码，你应该能够找出它。”好吧，好吧，这是我的错。您已链接到带有教程的文档。如果打开“教程：创建第一个网格”链接，则会显示更多链接。然后点击“数据”链接。之后将显示一个sql查询。在数据库gui中使用它（我使用heidiSql）并创建表。如果需要，还可以使用demo文件夹或achive中的sql脚本。提供完整的数据库结构，包括示例值。注意：请阅读文件“readme.txt”。从数据库中读取数据有一个重要的信息。