sencha touch中xtype创建dataview不显示(急,救命~)

colaoo 2013-12-13 01:44:40
sencha touch中xtype创建dataview死活不显示!!
版本2.3.1,MVC模式,sencha touch创建目录
程序很简单,主界面一个tabPanel,两个分页“FoodMain”“UserMain”
想在第一个分页显示一个DataView,结果死活不显示,
Main.js如下:

//file: app/view/Main.js
Ext.define('myapp.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
'myapp.view.Foodmain',
'myapp.view.Usermain'
],
config: {
tabBarPosition: 'bottom',

items: [
{
xtype: 'foodmain',
title: '主页',
iconCls: 'home'
},
{
xtype: 'usermain',
title: '用户',
iconCls: 'user'
}
]
}
});

Foodmain.js如下:

// file: app/view/Foodmain.js
Ext.define('myapp.view.Foodmain', {
extend: 'Ext.Panel',
xtype: 'foodmain',
id: 'idfoodmain',
config: {
items: [{
xtype: 'dataview',
width: 300,
store: {
fields: ['name', 'age'],
data: [
{name: 'Jamie', age: 100},
{name: 'Rob', age: 21},
{name: 'Tommy', age: 24},
{name: 'Jacky', age: 24},
{name: 'Ed', age: 26}
]
},

itemTpl: '<div>{name} is {age} years old</div>'
}]
}
});

第一分页死活不显示这个dataview,其他控件一律正常。如果再创建个panel,在panel里还是不显示,反正就是死活没有
如图


----------------------------------------------
如果改成直接在Main.js,如下则第三页能正确显示,

// file: app/view/Main.js
Ext.define('myapp.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
'myapp.view.Foodmain',
'myapp.view.Usermain'
],
config: {
tabBarPosition: 'bottom',

items: [
{
xtype: 'foodmain',
title: '主页',
iconCls: 'home'
},
{
xtype: 'usermain',
title: '用户',
iconCls: 'user'
},
// 直接加入Main.js中则第三页能正常显示
{
xtype: 'dataview',
title: 'Test',
iconCls: 'user',
width:300,
store: {
fields: ['name', 'age'],
data: [
{name: 'Jamie', age: 100},
{name: 'Rob', age: 21},
{name: 'Tommy', age: 24},
{name: 'Jacky', age: 24},
{name: 'Ed', age: 26}
]
},
itemTpl: '<div>{name} is {age} years old</div>'
}
]
}
});

第一页仍然没有,第三页能正确显示!


----------------------------------------------------
出了鬼了,捣鼓好几天了,
深夜发帖不易!请各位大写救救命!!!

...全文
291 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_27381393 2015-04-13
  • 打赏
  • 举报
回复
能把配置文件截个图看看吗 main.js foodmain.js 是怎么引入的
草上飞花521 2014-03-05
  • 打赏
  • 举报
回复
楼上的都不对,关键问题不是设置高度?如果是多个item,你多个item的高度能确定吗?
魔狼再世 2013-12-14
  • 打赏
  • 举报
回复
引用 4 楼 MoLangZaiShi 的回复:
[quote=引用 1 楼 MoLangZaiShi 的回复:] Foodmain.js加入 requires: ['Ext.data.Store'], 给分
补充一下,因为是在Panel中显示,所以还需要给dataview设置一个高度[/quote] 呃,不对。再测试了下。貌似是只需要设置高
魔狼再世 2013-12-14
  • 打赏
  • 举报
回复
引用 1 楼 MoLangZaiShi 的回复:
Foodmain.js加入 requires: ['Ext.data.Store'], 给分
补充一下,因为是在Panel中显示,所以还需要给dataview设置一个高度
xilaianzxsc 2013-12-14
  • 打赏
  • 举报
回复
救命了,所以跪谢.
colaoo 2013-12-13
  • 打赏
  • 举报
回复
引用 1 楼 MoLangZaiShi 的回复:
Foodmain.js加入 requires: ['Ext.data.Store'], 给分
牛!!! 问题解决了!!! 多谢大侠!跪谢!!!!~~~~
魔狼再世 2013-12-13
  • 打赏
  • 举报
回复
Foodmain.js加入 requires: ['Ext.data.Store'], 给分

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧