1

mysql resulset を JSON 文字列に使用してテーブルを作成しようとしています。Flexigridに必要なパッケージと、同じパスにある別のphp(table.php)からデータをロードする機能があります。

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>
4

1 に答える 1