Ext Js 4.x 解析Json

最新推荐文章于 2022-08-23 08:45:00 发布

HookBin

最新推荐文章于 2022-08-23 08:45:00 发布

阅读量600

点赞数

分类专栏： Ext Js 文章标签： ext json

本文链接：https://blog.csdn.net/HookBin/article/details/51014421

版权

Ext Js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Ext.data.JsonStore发送请求并解析Json

Ext.onReady(function() {

    var TabStore = new Ext.data.JsonStore({
        proxy: {
            type: 'ajax',
            url: 'json/tab.json',
            reader: {
                type: 'json',
                root: 'tab'
            }
        },
        fields: ['name', 'url']
    });

    TabStore.load({
        callback: function(records, operation, success) {
            if (success) {
                read();
            } else {
                alert("加载失败");
            }

        }
    });

    function read() {
        for (var i = 0; i < TabStore.getCount(); i++) {
            var TabData = TabStore.getAt(i);
            console.log("name=" + TabData.get("name") + ",url=" + TabData.get("url"));
        }
    }

});

tab.json

{
    "tab": [
        {
            "name": "人员管理",
            "url": "html/page/pm.html"
        }, {
            "name": "资产管理",
            "url": "html/page/page_2.html"
        }
    ]
}