您的位置:首页 > 编程语言 > ASP

ASP.NET+ExtJs4.0+将服务器那边返回来的json格式的数据通通读取到表格store

2011-09-19 23:43 459 查看
<!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'
}




                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: