Javascript 根据使用的URL,将远程数据加载到ExtJS网格面板失败

Javascript 根据使用的URL,将远程数据加载到ExtJS网格面板失败,javascript,extjs,Javascript,Extjs,我有以下非常简单的ExtJS4脚本,它应该从URL中获取两行,并将其显示在ExtJS网格面板中 Ext.define('Entry'){ 扩展:“Ext.data.Model”, 字段:[ {name:'id',type:'int'}, {name:'val'} ] }); var store=Ext.create('Ext.data.store'{ 模型:“条目”, 代理:{ 键入:“ajax”, //url:“/admin/ext list searches”“,//不起作用 url:'/s

我有以下非常简单的ExtJS4脚本,它应该从URL中获取两行,并将其显示在ExtJS网格面板中

Ext.define('Entry'){
扩展:“Ext.data.Model”,
字段:[
{name:'id',type:'int'},
{name:'val'}
]
});
var store=Ext.create('Ext.data.store'{
模型:“条目”,
代理:{
键入:“ajax”,
//url:“/admin/ext list searches”“,//不起作用
url:'/server.php',//works
读者:{
键入:“json”,
根目录:“条目”
}
},
自动加载:正确
});
var grid=Ext.create('Ext.grid.Panel'{
店:店,,
列:[
{
文本:“id”,
数据索引:“id”
},
{
文本:“val”,
数据索引:“val”
}
],
标题:"测试",,
renderTo:“外部内容”
});
我用两个URL测试了它:


  • /server.php
    通过反复试验,我终于解决了这个问题。然而,我对ExtJS的了解太少,无法确切了解原因

    两个URL之间的差异是响应时间。每当我添加延迟以使
    server.php
    稍后响应时,它的行为与另一个URL相同

    修复它的方法是将网格放入面板中:

    var displayPanel=新的外部面板({
    宽度:650,
    身高:300,
    布局:“适合”,
    renderTo:“外部内容”,
    项目:[表格]
    })
    
    这在某种程度上与装载指示器有关

    {"entries":[{"id":1,"user":"Chris"},{"id":2,"user":"Paul"}]}