所以我有这个处理程序将我的'统计'卡放入视图并加载统计信息存储(我可以在chrome中看到ajax请求被发送到服务器并且统计信息以正确的json格式发送回来 - 所以这不是问题)
handler: function(){
myapp.mainPanel.setActiveItem(myapp.cards.statistics, { type: "slide", direction: "left" });
myapp.stores.statistics.load();
}
这是我的统计卡:
myapp.cards.statistics = new Ext.Panel({
scroll: 'vertical',
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
title: 'Statistics',
items: [{
xtype:"button",
text:"Back",
handler:function(){
myapp.mainPanel.setActiveItem(myapp.cards.home, { type: "slide", direction: "right" });
}
}]}],
items: [
],
store: myapp.stores.statistics,
tpl: new Ext.XTemplate(
'<tpl for=".">',
'<div style="border-top: 1px solid grey;" >',
'<ul>',
'<tpl if="price">',
'<li>{price}:</li>',
'</tpl>',
'</ul>',
'</div>',
'</tpl>')
});
这是我在模型开头附近的代码中更早定义的模型:
Ext.regModel('statistics', {
fields: [
{name: 'price', type: 'string'},
]
});
我的目标是让商店将所有统计信息加载到其中,并通过填充的模板向面板显示所有统计信息。非常感谢。
编辑:商店:
myapp.stores.statistics = new Ext.data.Store({
model: "statistics",
url : "statistics.php",
proxy: {
type: "ajax",
reader: {
type: "json"
}
},
});
Edit2:这是我的statistics.php文件中发生的事情:
<?php
echo '[{"price": "333"}]';
?>