Проблема при добавлении более 3-х карт в карусель sencha-touch - PullRequest
Новая
       29

Проблема при добавлении более 3-х карт в карусель sencha-touch

0 голосов
/ 03 сентября 2011

Я использую Sencha Touch в своем приложении для iPhone.Когда я использую до трех карт, моя карусель работает нормально.Но как только я использую четыре карты, возникает ошибка:

Первая и четвертая карты перекрываются *, пока я не перейду ко второй карте.После того, как снова вернулись к первой карте, четвертая карта исчезла.

(показано перекрытие = содержание 1-й и 4-й карт. 4-я карта на переднем плане)

Что здесь происходит?Я не понимаюКто-нибудь еще встречался с такой ошибкой?Это реальная ошибка или ошибка в моих кодах?

Это мой js: 

Ext.setup({
    onReady: function() {
        // Create a Carousel of Items
        var carousel = new Ext.Carousel({
            defaults: {
                cls: 'card'
            },
            items: [{
                cls: 'tab1',
                html: 'Tab 1'
            },
            {
                cls: 'tab2',
                html: 'Tab 2'
            },
            {
                cls: 'tab3',
                html: 'Tab 3'
            },
            {
                cls: 'tab4',
                html: 'Tab 4'
            }]
        });


        new Ext.Panel({
            fullscreen: true,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            defaults: {
                flex: 1
            },
            items: [carousel]
        });
    }
});

РЕДАКТИРОВАТЬ: Если вы можете получить работающую карусель с 4 + вкладками, вы уже докажетечто я сделал что-то не так.

1 Ответ

2 голосов
/ 03 сентября 2011

Пара возможностей здесь:

  1. Использование vbox может сбить его с толку (хотя это маловероятно).Подумайте о том, чтобы сменить конфигурацию панели на следующее: 

    new Ext.Panel({
    layout: 'fit',
    items: carousel
});

  2. Это может быть связано с похожей и немного неясной проблемой, которую мы видели в 1.x.Попробуйте это:

    • Откройте resources / scss / application.scss и переместите строку 23 (@include sencha-carousel;) вниз на 4 строки, чтобы она заканчивалась сразу после строки макета sencha
    • Запустите компиляцию компиляции, чтобы перекомпилировать SASS

Если это та же проблема, что я видел некоторое время назад (без гарантии, что это так), это исправит ее

...