Question

我正在尝试使用没有成功的JqGrid。我已阅读this wiki post at trirand，并完成了该页面上的所有步骤。

我尝试过使用过我搜索过的其他exaples，但我仍然遇到同样的错误。我真的不知道为什么而且非常令人沮丧。

当我查看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是否有效的最佳方法是什么？

Answer 1

好的，我找到了解决方案。我广泛修改了我的代码。

问题在于：

    include ("conexion.php");

由于某些原因，如果您在其他文档中有连接参数，则本文档在此部分的标题之前发送了标题：

    header("Content-type: text/xml;charset=utf-8");

所以你需要在你的网格php文档中设置这个参数，并确保你在这行中发送了标题。

就是这样......

很多人都有这个问题，也许这就是解决方案。

Jqgrid不加载XML数据

1 个答案: