从文件中读取Extjs JSON

Question

对于我正在使用Extjs（一个javascript框架）开发的项目因为我必须理解系统的几个层之间的通信，所以我构建了一个自己的简单系统。

PostgreSQL被用作数据库。PHP获取这些数据并将其存储在一个名为pg.json.的json文件中

现在，我似乎无法在extjs中的视图中加载已经存在的json文件中的数据。我尝试了多个来源，包括自己编写json文件的地方。我已经有了一个文件（必须这样做），不知道如何加载。我被卡住了。请帮忙！

问候

Answer 1

ExtJS中的不同组件（如Ext.grid.Panel或Ext.tree.Panel）必须附加一个Ext.data.Store。在Store中，您可以定义代理和读取器来描述如何以及从何处检索数据，JSON就是一个例子。

看看：

• http://docs.sencha.com/extjs/5.0/apidocs/#/api/Ext.grid.Panel（配置>存储）
• http://docs.sencha.com/extjs/5.0/apidocs/#/api/Ext.tree.Panel（配置>存储）
• http://docs.sencha.com/extjs/5.0/apidocs/#/api/Ext.data.Store

Answer 2

假设您的json文件位于"/data/example.json"（相对路径）。您可以将json文件数据存储在如下所示的存储中，然后可以在网格中引用该存储。

var user = Ext.create('Ext.data.Store', {
        storeId: 'user',
        model: 'User',
        autoLoad: 'true',
        proxy: {
            type: 'ajax',
            url: '/data/example.json',
            reader: {
                type: 'json',
                root: 'blah'
            }
        }
    });