level 1
小涛涛略cz
楼主
是不是我什么地方写的不对,程序也不报错,model和store也加载了,dataview就是不显示
布局用的Viewport
其中Center.js
// Center.js
Ext.define('jdgl.view.Center',{
extend:'Ext.Panel',
requires: [
'jdgl.view.ftview'
],
initComponent:function(){
Ext.apply(this,{
id:'content-panel',
region:'center',
bodyCls:'main_bg',
border:false,
title:'房态图',
items:[
Ext.create('jdgl.view.ftview')
]
});
this.callParent(arguments);
}
});
ftview.js
Ext.define('jdgl.view.ftview',{
extend:'Ext.Panel',
requires: [
'jdgl.model.ftmodel',
'jdgl.store.ftstore'
],
initComponent:function(){
var imageTpl = new Ext.XTemplate(
'<tpl for=".">',
'<div style="margin-bottom: 10px;" class="thumb-wrap">',
'<img src="{src}" />',
'<br/><span>{caption}</span>',
'</div>',
'</tpl>'
);
Ext.apply(this,{
width:'100%',
xtype:'dataview',
store:'jdgl.store.ftstore',
tpl:imageTpl,
itemSelector: 'div.thumb-wrap',
emptyText: 'No images available'
});
this.callParent(arguments);
}
});
ftmodel.js
Ext.define('jdgl.model.ftmodel',{
extend:'Ext.data.Model',
fields: [
{ name:'src', type:'string' },
{ name:'caption', type:'string' }
]
});
ftstore.js
Ext.define('jdgl.store.ftstore',{
model:'jdgl.model.ftmodel',
data: [
{ src:'xxx.png', caption:'Drawing & Charts' },
{ src:'xxx.png', caption:'Advanced Data' },
{ src:'xxx.png', caption:'Overhauled Theme' },
{ src:'xxx.png', caption:'Performance Tuned' }
]
});
2013年12月10日 13点12分
1
布局用的Viewport
其中Center.js
// Center.js
Ext.define('jdgl.view.Center',{
extend:'Ext.Panel',
requires: [
'jdgl.view.ftview'
],
initComponent:function(){
Ext.apply(this,{
id:'content-panel',
region:'center',
bodyCls:'main_bg',
border:false,
title:'房态图',
items:[
Ext.create('jdgl.view.ftview')
]
});
this.callParent(arguments);
}
});
ftview.js
Ext.define('jdgl.view.ftview',{
extend:'Ext.Panel',
requires: [
'jdgl.model.ftmodel',
'jdgl.store.ftstore'
],
initComponent:function(){
var imageTpl = new Ext.XTemplate(
'<tpl for=".">',
'<div style="margin-bottom: 10px;" class="thumb-wrap">',
'<img src="{src}" />',
'<br/><span>{caption}</span>',
'</div>',
'</tpl>'
);
Ext.apply(this,{
width:'100%',
xtype:'dataview',
store:'jdgl.store.ftstore',
tpl:imageTpl,
itemSelector: 'div.thumb-wrap',
emptyText: 'No images available'
});
this.callParent(arguments);
}
});
ftmodel.js
Ext.define('jdgl.model.ftmodel',{
extend:'Ext.data.Model',
fields: [
{ name:'src', type:'string' },
{ name:'caption', type:'string' }
]
});
ftstore.js
Ext.define('jdgl.store.ftstore',{
model:'jdgl.model.ftmodel',
data: [
{ src:'xxx.png', caption:'Drawing & Charts' },
{ src:'xxx.png', caption:'Advanced Data' },
{ src:'xxx.png', caption:'Overhauled Theme' },
{ src:'xxx.png', caption:'Performance Tuned' }
]
});