Sencha Touch 2: просмотр данных не отображается в эмуляторе Android

Я разрабатывал приложение для Android с помощью sencha touch 2. Текущая погода и ежедневный прогноз были построены в формате html. Я хочу, чтобы почасовой прогноз отображался на горизонтальной прокручиваемой панели, поэтому мне пришлось использовать тип DataView (http://docs.sencha.com/touch/2.3.0/#!/api/Ext.dataview.DataView)

К сожалению, я не могу заставить его работать в эмуляторе Android. Пожалуйста, взгляните на скриншот ниже, чтобы увидеть разницу между эмулятором и хромом. Я также не видел ошибок в журнале 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 
        }]

android-emulator dataview invisible sencha-touch-2
person user3231630    schedule 24.01.2014    source источник
comment
Было бы полезно, если бы вы могли опубликовать код родительского контейнера или хотя бы свойство макета. Вы используете «vbox» для макета? Попробуйте использовать свойство flex для каждого контейнера вместо высоты (например, flex:5, flex:1, flex:4)   -  person Jeff Wooden    schedule 24.01.2014

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте это, пожалуйста,

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 
        }]
person LostMan    schedule 24.01.2014
comment
вы можете кратко объяснить, в чем проблема с тем, что она/он делает, и что вы сделали, чтобы исправить - person Olimpiu POP; 24.01.2014