2011-07-23 215 views
0

我無法使用jqgrid從數據庫加載數據。我在wiki上使用了演示代碼(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid),它工作正常,但是當我嘗試從我自己的數據庫加載信息時,工作。jqGrid不顯示數據

我使用了演示代碼,並根據我想要使用的表格進行了更改,以查看是否第一次編寫了錯誤的代碼,但沒有奏效。

的index.html:

<script src="js/jquery-1.5.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"> 
$(function(){ 
$("#list").jqGrid({ 
url:'dades.php', 
datatype: 'xml', 
mtype: 'GET', 
colNames:['Id','Nom', 'Email','Poblacio','Naixement','Tel'], 
colModel :[ 
{name:'id', index:'id', width:55}, 
{name:'nom', index:'nom', width:90}, 
{name:'email', index:'email', width:80, align:'right'}, 
{name:'poblacio', index:'poblacio', width:80, align:'right'}, 
{name:'naixement', index:'naixement', width:80, align:'right'}, 
{name:'tel', index:'tel', width:150, sortable:false} 
], 
pager: '#pager', 
rowNum:10, 
rowList:[10,20,30], 
sortname: 'id', 
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> 

dades.php:

<?php 
//include the information needed for the connection to MySQL data base server. 
// we store here username, database and password 

include("dbconfig.php"); 

// to the url parameter are added 4 parameters as described in colModel 
// we should get these parameters to construct the needed query 
// Since we specify in the options of the grid that we will use a GET method 
// we should use the appropriate command to obtain the parameters. 
// In our case this is $_GET. If we specify that we want to use post 
// we should use $_POST. Maybe the better way is to use $_REQUEST, which 
// contain both the GET and POST variables. For more information refer to php documentation. 
// Get the requested page. By default grid sets this to 1. 
$page = $_GET['page']; 

// get how many rows we want to have into the grid - rowNum parameter in the grid 
$limit = $_GET['rows']; 

// get index row - i.e. user click to sort. At first time sortname parameter - 
// after that the index from colModel 
$sidx = $_GET['sidx']; 

// sorting order - at first time sortorder 
$sord = $_GET['sord']; 

// if we not pass at first time index use the first column for the index or what you want 
if(!$sidx) $sidx =1; 

// connect to the MySQL database server 
$db = mysql_connect($dbhost, $dbuser, $dbpassword) or die("Connection Error: " . mysql_error()); 

// select the database 
mysql_select_db($database) or die("Error connecting to db."); 

// calculate the number of rows for the query. We need this for paging the result 
$result = mysql_query("SELECT COUNT(*) AS count FROM llista"); 
$row = mysql_fetch_array($result,MYSQL_ASSOC); 
$count = $row['count']; 

// calculate the total pages for the query 
if($count > 0 && $limit > 0) { 
       $total_pages = ceil($count/$limit); 
} else { 
       $total_pages = 0; 
} 

// if for some reasons the requested page is greater than the total 
// set the requested page to total page 
if ($page > $total_pages) $page=$total_pages; 

// calculate the starting position of the rows 
$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 id,nom,email,poblacio,naixement,tel FROM llista 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['id']."'>";    
    $s .= "<cell>". $row['id']."</cell>"; 
    $s .= "<cell>". $row['nom']."</cell>"; 
    $s .= "<cell>". $row['email']."</cell>"; 
    $s .= "<cell>". $row['poblacio']."</cell>"; 
    $s .= "<cell>". $row['naixement']."</cell>"; 
    $s .= "<cell>". $row['tel']."</cell>"; 
    $s .= "</row>"; 
} 
$s .= "</rows>"; 

echo $s; 
?> 

有人在知道爲什麼dodn't工作?

(EDIT)

對於我做過測試,看來德問題是在GET部分:

$page = $_GET['page']; 

// get how many rows we want to have into the grid - rowNum parameter in the grid 
$limit = $_GET['rows']; 

// get index row - i.e. user click to sort. At first time sortname parameter - 
// after that the index from colModel 
$sidx = $_GET['sidx']; 

// sorting order - at first time sortorder 
$sord = $_GET['sord']; 

// if we not pass at first time index use the first column for the index or what you want 
if(!$sidx) $sidx =1; 

看來,這是行不通的,但我不明白爲什麼。

(EDIT 2)

看來,GET部分不工作,所以我最終沒有它做的,大問題是在數據庫中的錯誤UTF ......所以改變數據庫的字符設置和GETs它的工作完美無瑕。

+0

你能包括產生服務器的XML數據?您可以使用[Fiddler](http://www.fiddler2.com/fiddler2/)或[Firebug](http://getfirebug.com/)從服務器HTTP響應中捕獲數據。此外,瞭解HTTP頭中「Content-Type」的值也很重要。 – Oleg

+0

dades.php中的頭文件是: header(「Content-type:text/xml; charset = utf-8」); – kevinspencer33

+0

您是否可以包含生成服務器的XML數據? – Oleg

回答

0

首先,您並未更改結果集計數查詢。

// calculate the number of rows for the query. We need this for paging the result 
    $result = mysql_query("SELECT COUNT(*) AS count FROM invheader"); 

你仍然需要更新這

// calculate the number of rows for the query. We need this for paging the result 
$result = mysql_query("SELECT COUNT(*) AS count FROM llista"); 

也,你不應該需要在HTML表格內容:

<table id="list"></table> 
+0

我現在注意到了這一點,我試了一下,但我不工作... – kevinspencer33

+0

colModel的colName和列名不匹配,要麼... – Andrea

+0

謝謝,我編輯這個(allways愚蠢的錯誤是更糟現貨......)但問題仍然存在。 – kevinspencer33