<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--ExtJs4.0官方下载css文件-->
<link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<!--ExtJs4.0官方下载ExtJs文件-->
<script src="extjs/ext-all.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
Ext.onReady(function () {
//我现在要将服务器那边返回来的json格式的数据通通读取到表格store中
var store = new Ext.data.Store({
fields: ["No", "Name", "Age", "Address"],
proxy: {
type: "ajax",
url: "users.json",
reader: {
type: "json",
root: "users"
}
}
});
store.load(function () {
//alert(store.data.length);
for (var i = 0; i < store.data.length; i++) {
alert(store.data.getAt(i).get("Name"));
}
});
});
</script>
</head>
<body>
</body>
</html>
//user.json文件
{
users:[
{No:'1001',Name:'张三',Age:'18.2333',Address:'深圳罗湖'},
{No:'1002',Name:'李四',Age:'22',Address:'深圳福田'},
{No:'1003',Name:'王五',Age:'21',Address:'深圳宝安'}
],rows:'3'
}