Sencha Touch 2.3..1 DataView未加载稍后加载的存储详细信息

Sencha Touch 2.3..1 DataView未加载稍后加载的存储详细信息,dataview,Dataview,我想显示Sencha Touch 2.3.1数据视图的一些详细信息。 要加载的实际数据将在稍后的DataView对象创建中出现。 我没有使用Store proxy,但我有自己现有的HTTP请求API来获取JSON数据。因此,一旦获得数据,我将创建一个数据模型并添加到存储中。 调试代码时,我看到代码正在添加,并且存储区中填充了数据 现在,我使用Ext.getCmp(“”)获取DataView对象并设置存储。 当我看到DataView对象时,我会看到其中包含数据的存储(\u存储)。 但数据视图仍然没

我想显示Sencha Touch 2.3.1数据视图的一些详细信息。
要加载的实际数据将在稍后的DataView对象创建中出现。
我没有使用Store proxy,但我有自己现有的HTTP请求API来获取JSON数据。因此,一旦获得数据,我将创建一个数据模型并添加到存储中。
调试代码时,我看到代码正在添加,并且存储区中填充了数据

现在,我使用Ext.getCmp(“”)获取DataView对象并设置存储。
当我看到DataView对象时,我会看到其中包含数据的存储(\u存储)。
但数据视图仍然没有填充数据ILS

请在这方面帮助我

我的数据模型:

Ext.define('AlbumsListDM', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            "user",
            "title",
            "subtitle",
            "image"
        ]
    }
});
Ext.define('AlbumsListStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'AlbumsListDM',
        autoLoad: true
    }
});
Ext.define(APP_NAME+'.view.AlbumsList', {
    extend: 'Ext.DataView',
    id: 'viewAlbumsListID',
    requires: ['AlbumsListDM'],
    config: {
        width:'100%',
        height:'100%',
        layout: 'fit',
        items: [{
            xtype: 'dataview',
            scrollable: true,
            inline: true,
            cls: 'dataview-inline',
            itemTpl: new Ext.XTemplate('<div class="img" style="background-image: url({image});">{title}</div>')
        }]
    }
});
Ext.create('AlbumsListStore', { id: 'AlbumsListStoreID' });

var albumsList = myJsonData;
var albumsListStore = Ext.getStore('AlbumsListStoreID');
var count = albumsList.length;
for(var index = 0; index < count; index++) {
    albumsListStore.add(Ext.create('AlbumsListDM', albumsList[index]));
}
var viewAlbumsList = Ext.getCmp("viewAlbumsListID");
viewAlbumsList.setStore(albumsListStore);
我的店铺:

Ext.define('AlbumsListDM', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            "user",
            "title",
            "subtitle",
            "image"
        ]
    }
});
Ext.define('AlbumsListStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'AlbumsListDM',
        autoLoad: true
    }
});
Ext.define(APP_NAME+'.view.AlbumsList', {
    extend: 'Ext.DataView',
    id: 'viewAlbumsListID',
    requires: ['AlbumsListDM'],
    config: {
        width:'100%',
        height:'100%',
        layout: 'fit',
        items: [{
            xtype: 'dataview',
            scrollable: true,
            inline: true,
            cls: 'dataview-inline',
            itemTpl: new Ext.XTemplate('<div class="img" style="background-image: url({image});">{title}</div>')
        }]
    }
});
Ext.create('AlbumsListStore', { id: 'AlbumsListStoreID' });

var albumsList = myJsonData;
var albumsListStore = Ext.getStore('AlbumsListStoreID');
var count = albumsList.length;
for(var index = 0; index < count; index++) {
    albumsListStore.add(Ext.create('AlbumsListDM', albumsList[index]));
}
var viewAlbumsList = Ext.getCmp("viewAlbumsListID");
viewAlbumsList.setStore(albumsListStore);
我的数据视图:

Ext.define('AlbumsListDM', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            "user",
            "title",
            "subtitle",
            "image"
        ]
    }
});
Ext.define('AlbumsListStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'AlbumsListDM',
        autoLoad: true
    }
});
Ext.define(APP_NAME+'.view.AlbumsList', {
    extend: 'Ext.DataView',
    id: 'viewAlbumsListID',
    requires: ['AlbumsListDM'],
    config: {
        width:'100%',
        height:'100%',
        layout: 'fit',
        items: [{
            xtype: 'dataview',
            scrollable: true,
            inline: true,
            cls: 'dataview-inline',
            itemTpl: new Ext.XTemplate('<div class="img" style="background-image: url({image});">{title}</div>')
        }]
    }
});
Ext.create('AlbumsListStore', { id: 'AlbumsListStoreID' });

var albumsList = myJsonData;
var albumsListStore = Ext.getStore('AlbumsListStoreID');
var count = albumsList.length;
for(var index = 0; index < count; index++) {
    albumsListStore.add(Ext.create('AlbumsListDM', albumsList[index]));
}
var viewAlbumsList = Ext.getCmp("viewAlbumsListID");
viewAlbumsList.setStore(albumsListStore);
Ext.define(APP_NAME+'.view.AlbumsList'{
扩展:“Ext.DataView”,
id:“viewAlbumsListID”,
需要:['AlbumsListDM'],
配置:{
宽度:'100%',
高度:'100%',
布局:“适合”,
项目:[{
xtype:“数据视图”,
可滚动:对,
是的,
cls:“数据视图内联”,
itemTpl:new Ext.XTemplate(“{title}”)
}]
}
});
我的存储和更新数据视图的构建:

Ext.define('AlbumsListDM', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            "user",
            "title",
            "subtitle",
            "image"
        ]
    }
});
Ext.define('AlbumsListStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'AlbumsListDM',
        autoLoad: true
    }
});
Ext.define(APP_NAME+'.view.AlbumsList', {
    extend: 'Ext.DataView',
    id: 'viewAlbumsListID',
    requires: ['AlbumsListDM'],
    config: {
        width:'100%',
        height:'100%',
        layout: 'fit',
        items: [{
            xtype: 'dataview',
            scrollable: true,
            inline: true,
            cls: 'dataview-inline',
            itemTpl: new Ext.XTemplate('<div class="img" style="background-image: url({image});">{title}</div>')
        }]
    }
});
Ext.create('AlbumsListStore', { id: 'AlbumsListStoreID' });

var albumsList = myJsonData;
var albumsListStore = Ext.getStore('AlbumsListStoreID');
var count = albumsList.length;
for(var index = 0; index < count; index++) {
    albumsListStore.add(Ext.create('AlbumsListDM', albumsList[index]));
}
var viewAlbumsList = Ext.getCmp("viewAlbumsListID");
viewAlbumsList.setStore(albumsListStore);
Ext.create('AlbumsListStore',{id:'AlbumsListStoreID'});
var albumsList=myJsonData;
var albumsListStore=Ext.getStore('AlbumsListStoreID');
变量计数=albumsList.length;
对于(var索引=0;索引<计数;索引++){
add(Ext.create('AlbumsListDM',albumsList[index]);
}
var viewAlbumsList=Ext.getCmp(“viewAlbumsListID”);
viewAlbumsList.setStore(albumsListStore);
谢谢 湿婆