我试图在没有成功的情况下使用 JqGrid。我已经在 trirand 阅读了这篇 wiki 帖子,并且我完成了该页面上的所有步骤。
我试过使用我搜索过的其他例子,但我一直有同样的错误。我真的不知道为什么,这非常令人沮丧。
当我查看 HTML 时,表(mysql)不显示。就像我的代码不接受来自 PHP 代码的 XML 数据一样。我正在使用 Appserv。
HTML 代码 ( myfirstgrid.html ):
<!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.8.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<style type="text/css">
html, body {
margin: 0;
padding: 0;
font-size: 75%;
}
</style>
<script src="/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/jquery.jqGrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#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: '#pager',
rowNum:10,
rowList:[10,20,30],
sortname: 'invid',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: 'My first grid'
});
});
</script>
</head>
<body>
<table id="list"><tr><td/></tr></table>
<div id="pager"></div>
</body>
</html>
PHP 脚本(example.php):
<?php
include ("conexion.php");
$page = 1;
$limit = 10;
$sidx = 'tax';
$sord = 'asc';
$result = mysql_query("SELECT COUNT(*) AS count FROM invheader");
$row = mysql_fetch_array($result,MYSQL_ASSOC);
$count = $row['count'];
if( $count > 0 && $limit > 0) {
$total_pages = ceil($count/$limit);
} else {
$total_pages = 0;
}
if ($page > $total_pages) $page=$total_pages;
$start = $limit*$page - $limit;
// if for some reasons start position is negative set it to 0
// typical case is that the user type 0 for the requested page
if($start <0) $start = 0;
// the actual query for the grid data
$SQL = "SELECT invid, invdate, amount, tax,total, note FROM invheader ORDER BY $sidx $sord LIMIT $start , $limit";
$result = mysql_query( $SQL ) or die("Couldn't execute query.".mysql_error());
// we should set the appropriate header information. Do not forget this.
//header("Content-type: text/xml;charset=utf-8");
$s = "<?xml version='1.0' encoding='utf-8'?>";
$s .= "<rows>";
$s .= "<page>".$page."</page>";
$s .= "<total>".$total_pages."</total>";
$s .= "<records>".$count."</records>";
// be sure to put text data in CDATA
while($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
$s .= "<row id='". $row['invid']."'>";
$s .= "<cell>". $row['invid']."</cell>";
$s .= "<cell>". $row['invdate']."</cell>";
$s .= "<cell>". $row['amount']."</cell>";
$s .= "<cell>". $row['tax']."</cell>";
$s .= "<cell>". $row['total']."</cell>";
$s .= "<cell><![CDATA[". $row['note']."]]></cell>";
$s .= "</row>";
}
$s .= "</rows>";
echo $s;
?>
这是来自 PHP 脚本的 XML 结果(为了便于阅读,XML 被缩进。服务器返回 xml 没有换行符):
<?xml version='1.0' encoding='utf-8'?>
<rows>
<page>1</page>
<total>1</total>
<records>3</records>
<row id='1'>
<cell>1</cell>
<cell>0000-00-00</cell>
<cell>0.00</cell>
<cell>0.00</cell>
<cell>0.00</cell>
<cell><![CDATA[note]]></cell>
</row>
<row id='2'>
<cell>2</cell>
<cell>2001-01-10</cell>
<cell>103.00</cell>
<cell>45.00</cell>
<cell>149.00</cell>
<cell><![CDATA[This is record 1]]></cell>
</row>
<row id='3'>
<cell>3</cell>
<cell>2001-02-10</cell>
<cell>104.00</cell>
<cell>46.00</cell>
<cell>151.00</cell>
<cell><! [CDATA[This is record 2]]></cell>
</row>
</rows>
这些是我的问题:
- 为什么我的数据没有显示在 HTML 中?
- 如果问题是 XML 数据,那么检查 XML 是否有效的最佳方法是什么?