EXTJS JsonStore 不加载
Posted
技术标签:
【中文标题】EXTJS JsonStore 不加载【英文标题】：EXTJS JsonStore do not load 【发布时间】：2012-06-12 15:57:08 【问题描述】：我知道这将是重复。但我已经尽力解决它，一切都是徒劳的。我什至无法填充一个简单的网格面板！！！显然我是 extjs 的新手。
我的js代码如下：
Ext.onReady(function()
var store = new Ext.data.JsonStore(
url: 'compare.php',
fields: ['name', 'area']
);
store.load();
var grid = new Ext.grid.GridPanel(
store: store,
columns: [
header: 'Name', width: 100, sortable: true, dataIndex: 'name',
header: 'Position', width: 100, sortable: true, dataIndex: 'area'
],
stripeRows: true,
height:250,
width:500,
title:'DB Grid'
);
grid.render('db-grid');
);
我的php如下：
<html>
<head>
</head>
<body bgcolor="white">
<?php
$link = pg_Connect('host=my_host port=5432 dbname=da_name user=postgres password=my_password');
$sql = "SELECT name, area FROM \"TABLE\" LIMIT 10";
if (!$link)
echo "error";
else
$result = pg_query($link, $sql);
$rows = array();
$totaldata = pg_num_rows($result);
while($r = pg_fetch_assoc($result))
$rows[] = $r;
//echo json_encode($rows);
//echo json_encode(array('country' => $rows));
echo '("total":"'.$totaldata.'","country":'.json_encode($rows).')';
?>
</body>
</html>
而我的json如下：
[
"total": "10",
"country": [
"name": "CULTIV",
"area": "1.10584619505971e-006"
,
"name": "CULTIV",
"area": "2.87818068045453e-006"
,
"name": "CULTIV",
"area": "6.96120082466223e-007"
,
"name": "CULTIV",
"area": "1.17171452984621e-007"
,
"name": "CULTIV",
"area": "1.25584028864978e-006"
,
"name": "CULTIV",
"area": "5.86309965910914e-007"
,
"name": "CULTIV",
"area": "4.12220742873615e-007"
,
"name": "CULTIV",
"area": "7.59690840368421e-006"
,
"name": "CULTIV",
"area": "2.47360731009394e-007"
,
"name": "CULTIV",
"area": "4.04940848284241e-005"
]
我需要为此设置任何代理吗？实际上，我的应用程序运行在与数据库不同的服务器上。
【问题讨论】：
【参考方案1】：我没有使用PostgreSQL 的经验，但我建议您在这种情况下使用pg_fetch_object() 函数而不是pg_fetch_assoc()。
试试这样的：
while($obj = $result->pg_fetch_object())
$rows = $obj;
echo '("total":"'.$totaldata.'","country":'.json_encode($rows).')';
【讨论】：
【参考方案2】：您的 JSON 格式不正确。 Ext.data.JsonReader（使用 JsonStore 时自动配置）需要一个带有 root 节点的 JSON 对象，defined in your reader config。如果 root 未定义，读者应该抛出异常。
所以为你的 JsonReader 定义一个根：
var store = new Ext.data.JsonStore(
url: 'compare.php',
root: 'country', // required!
fields: ['name', 'area']
);
您的 JSON 应该如下所示：
"total": 10,
"country": [
"name": "CULTIV",
"area": "6.96120082466223e-007"
,
...
]
【讨论】：
以上是关于EXTJS JsonStore 不加载的主要内容，如果未能解决你的问题，请参考以下文章
我如何将 loadData 函数作为 Ext.data.JsonStore ExtJS3.0.0 的一部分？