我想將一個JSON字符串加載到一個Flexigrid表中

我正在嘗試使用mysql resulset將一個表創建爲一個JSON字符串。我有Flexigrid所需的包，以及從另一個php（table.php）加載數據到同一路徑的功能。我想將一個JSON字符串加載到一個Flexigrid表中

我可以顯示Flexigrid表，但沒有顯示數據。當我在瀏覽器中檢查table.php時，我得到了JSON字符串，並且所有「外觀」都正確。我分享我的代碼，如果有人可以幫助我瞭解我錯過了什麼？

table.php

<?php 
$dbhost = 'localhost'; 
$dbuser = 'root'; 
$dbpass = '123'; 
$db = 'nwind'; 
mysql_connect($dbhost,$dbuser,$dbpass) or die ('Error!'); 
mysql_select_db($db) or die ('Check the Data Base');  
$query = 'SELECT orderId, customerId, employeeId, orderDate FROM orders'; 
$resultset = mysql_query ($query); 
if (!$resultset) { 
$message = 'Query error: ' . mysql_error() . '\n'; 
$message .= 'Search: ' . $query; 
die($message); 
} 
$json = array(); 
while ($object = mysql_fetch_object($resultset)) { 
$json[] = array(
"Order_ID" => $object->orderId, 
"Customer_ID" => $object->customerId, 
"Employee_ID" => $object->employeeId, 
"Order_Date" => $object->orderDate 
); 
} 
echo json_encode($json); 
?>

使用example.php

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Test</title> 
<link rel="stylesheet" href="../flexigrid/css/flexigrid.pack.css" type="text/css"/> 
<script type="text/javascript" src="../js/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="../flexigrid/js/flexigrid.pack.js"></script> 
</head> 
<body> 
<div class="flexigrid"> 
<table id="flex"></table> 
</div>  
<script type="text/javascript"> 
$("#flex").flexigrid({ 
url:'table.php', 
dataType:'json', 
colModel : [ 
{display: 'Order_ID', 
name : 'orderId', 
width : 60, 
sortable : true, 
align: 'center'}, 
{display: 'Customer_ID', 
name : 'customerId', 
width : 180, 
sortable : true, 
align: 'left'}, 
{display: 'Employee_ID', 
name : 'employeeId', 
width : 120, 
sortable : false, 
align: 'left'}, 
{display: 'Order_Date', 
name : 'orderDate', 
width : 130, 
sortable : true, 
align: 'left'} 
], 
sortname: 'orderId', 
sortorder: 'asc', 
usepager: true, 
title: 'Orders', 
useRp: true, 
rp: 15, 
showTableToggleBtn: true, 
width: 700, 
height: 200, 
resizable: false 
}); 
</script> 
</body> 
</html>

來源

2013-03-10 Uncle Sam

建議嘗試匹配JSON鍵'colModel名稱'不'顯示' – charlietfl 2013-03-10 18:58:02

我試過但沒有工作。 – 2013-03-10 20:29:34

[{「orderId」：「10248」，「customerId」：「VINET」，「employeeId」：「5」，「orderDate」：「1996-07-04 00:00:00」}，{「orderId」：「10249」，「customerId」：「TOMSP」，「employeeId」：「6」，「orderDate」：「1996-07-05 00:00:00」}，{「orderId」：「10250」，「customerId」：「HANAR」，「employeeId」：「4」，「orderDate」：「1996-07-08 00:00:00」}，{「orderId」：「10251」，.... 這就是JSON字符串看起來 – 2013-03-10 20:30:18

只是檢查在JavaScript中你ColumnModel。它肯定不會與你的返回數據相匹配。

來源

2013-10-13 04:43:57

我想將一個JSON字符串加載到一個Flexigrid表中

回答

相關問題