View Sencha Touch 2渲染将数据存储到面板

我正在通过存储从JSON提要读取数据。我的问题是无法在视图面板中显示数据

我的小组代码如下：

Ext.define('Layouts.view.Node', {
    extend: 'Ext.Panel',
    xtype: 'node',

    config: {
        title: 'Node Data',
        styleHtmlContent: true,
        scrollable: 'vertical',

        tpl: new Ext.XTemplate(
            '<div>TITLE: {title}</div>'
        ),
    },

});

Ext.define('Layouts.store.Node', {
    extend: 'Ext.data.Store',

    config: {

        storeId: 'Node',

        autoLoad: true,
        model: 'Layouts.model.Node',

        proxy: {
            type: 'ajax',
            url: 'http://178.79.128.76/revivaltimes/app/content/0',

            reader: {
                type: 'json',
                rootProperty: 'JSON',
            }
        },

    },//config

});

模型代码如下：

Ext.define('Layouts.model.Node', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            'title',
            'body',
        ]
    },

});

---

我不知道为什么我的视图显示为空。

看看DataView组件：

DataView是从存储中呈现数据的正确方法。您的视图会变成这样（未经测试的代码）：

Ext.define（'Layouts.view.Node'{
扩展：“Ext.dataview.dataview”，
xtype:'节点'，
配置：{
标题：“节点数据”，
styleHtmlContent:对，
可滚动：“垂直”，
存储区：'节点'，
itemTpl:new Ext.XTemplate(
'标题：{TITLE}'
),
},
});

---

请注意使用itemTpl指定项目模板。

谢谢。我要试一试

Ext.define('Layouts.view.Node', {
    extend: 'Ext.dataview.DataView',
    xtype: 'node',

    config: {
        title: 'Node Data',
        styleHtmlContent: true,
        scrollable: 'vertical',
        store: 'Node',

        itemTpl: new Ext.XTemplate(
            '<div>TITLE: {title}</div>'
        ),
    },

});