Ext.grid.Panel加载JSON数据

Ext.onReady(function ()
{
    //建立一个store要使用的Model
    Ext.define("User", {
        extend: "Ext.data.Model",
        fields: [
            { name: "firstName", type: "string" },
            { name: "lastName", type: "string" },
            { name: "age", type: "int" },
            { name: "eyeColor", type: "string" }
        ]
    });
    var myStore = Ext.create("Ext.data.Store", {
        model: "User",
        proxy: {
            type: "ajax",
            url: "/Json/users.json",
            reader: {
                type: "json",
                root: "users"
            }
        },
        autoLoad: true
    });
    //创建Ext.grid.Panel组件
    Ext.create("Ext.grid.Panel", {
        title: "Simple Load Json Data",
        store: myStore,
        columns: [
            { header: "FirstName", dataIndex: "firstName" },
            { header: "LastName", dataIndex: "lastName" },
            { header: "Age", dataIndex: "age" },
            { header: "EyeColor", dataIndex: "eyeColor" }
        ],
        height: 300,
        width: 400,
        renderTo: Ext.getBody()
    });
});

users.json代码如下:

{
    "users": [
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" },
               { "firstName": "Lisa", "lastName": "lisa@qq.com", "age": 25,"eyeColor": "Yellow" }
             
            ]
 }


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值