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