Sencha Touch 2:在android模拟器中看不到dataview

时间:2014-01-24 11:00:37

标签: android-emulator sencha-touch-2 dataview invisible

我一直在通过sencha touch 2开发一个Android应用程序。当前的天气和每日预测都是用html类型构建的。我希望每小时预测会显示在一个水平滚动面板中,所以我不得不使用DataView类型(http://docs.sencha.com/touch/2.3.0/#!/api/Ext.dataview.DataView

不幸的是,我无法让它在Android模拟器中运行。请看下面的截图,看看模拟器和chrome之间的区别。我也没有在ADT和chrome控制台日志中看到任何错误。

http://i.stack.imgur.com/Mxzrt.png

这是我的源代码,这些项目位于旋转木马的卡片内。感谢您抽出时间阅读我的问题。

items: [{
            height: '50%',
            html: tplCurr.apply(obj)
        }, {
            height: '10%',
            xtype: 'dataview',  
            cls: 'hourly-container',
            scrollable: {
                direction: 'horizontal',
                directionLock : true
            },
            inline: { wrap: false },
            data: obj.hourly,
            itemTpl: tplHourly
        }, {
            height: '40%',
            xtype: 'panel',  
            cls:  'daily-container',
            fullscreen: true,
            scrollable: {
                direction: 'vertical',
                directionLock : true
            },
            items: dayItems 
        }]

1 个答案:

答案 0 :(得分:0)

请试试这个,

layout:{
   type:'vertical'   
},
items: [{
            flex:4,
            html: tplCurr.apply(obj)
        }, {
            flex:1,
            xtype: 'dataview',  
            cls: 'hourly-container',

            scrollable: {
                direction: 'horizontal',
                directionLock : true
            },
            inline: { wrap: false },
            data: obj.hourly,
            itemTpl: tplHourly
        }, {
            flex:2,
            xtype: 'panel',  
            cls:  'daily-container',
            fullscreen: true,
            scrollable: {
                direction: 'vertical',
                directionLock : true
            },
            items: dayItems 
        }]