Ext GridPanel 不显示Json内容-生手初学

Ext GridPanel 不显示Json内容-新手初学
新手初学Ext想从另一个页面加载json数据，在GridPanel中显示，但总是显示不了数据
求教？
json数据放到脚本中——db.js
{result:
[{id:1,name:"21天学通C语言",author:"张强",price:39.0},
         {id:2,name:"HTML 5网页设计与制作实战从入门到精通 ",author:"龙马工作室",price:39.8}]
}

ext脚本 books.js
Ext.onReady(function() {
var vs = new Ext.data.JsonStore({
// autoDestroy:true,
atuoLoad : true,
// url:'db.js',
root : 'result',
totalProperty : 'id',
proxy : new Ext.data.HttpProxy({
url : "db.js"
}),
reader : new Ext.data.JsonReader({
root : "result"
}),

fields : [ {
name : "id",
type : "int"
}, {
name : "name",
tpye : "string"
}, {
name : "author",
type : "string"
}, {
name : "price",
type : "float"
} ]

});

// vs.load();

var grid = new Ext.grid.GridPanel({
title : "图书详细信息",
store : vs,
loadMask : {
msg : '正在加载数据，请稍侯……'
},
columns : [ {
header : "ID",
dataIndex : "id",
width : 30
}, {
header : "书名",
dataIndex : "name",
width : 100
}, {
header : "作者",
dataIndex : "author",
width : 60
}, {
header : "定价",
dataIndex : "price",
width : 120
} ]

});
vs.load();
// vs.load({url:'db.js'});
// alert(eval(grid.result));

// vs.reload();
new Ext.Viewport({
layout : "fit",
width : 400,
items : grid
});

})

html页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet"  type="text/css" href="ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="ext/bootstrap.js"></script>
<script type="text/javascript" src="ext/locale/ext-lang-zh_CN.js"></script>
        <script type="text/javascript" src="test.js"></script>

</head>
<body>

</body>
</html>

------解决思路----------------------
proxy : new Ext.data.HttpProxy({
url : "db.js"
}),
reader : new Ext.data.JsonReader({
root : "result"
}),
===>
                proxy: new Ext.data.HttpProxy({
                    url: "db.js",
                    reader: new Ext.data.JsonReader({
                        root: "result"
                    })
                }),

Ext GridPanel 不显示Json内容-生手初学

相关推荐