Sencha Touch 2：数据视图在 android 模拟器中不可见

Question

我一直在用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 
        }]

Answer 1

请试试这个，

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 
        }]