Sencha Touch 2: панель не будет прокручиваться после сборки приложения

У меня есть приложение Sencha Touch, которое состоит из макета панели вкладок с несколькими страницами, одна из страниц представляет собой представление списка, а одна - «подробное представление», которое в основном представляет собой панель.

Панель не будет прокручиваться после того, как я запустил "сборка приложения sencha". Полученный пакет сборки работает нормально, за исключением того, что панель больше не прокручивается.

Я использую Sencha Touch 2.4.1 и Sencha Cmd v5.1.1.39 на OS X Yosemite.

Демонстрационная версия приложения находится здесь: http://simbro5-80.terminal.com

Исходный код находится здесь: http://github.com/simbro/Geograph.

Вот несколько фрагментов:

Основной вид (расширяет Ext.tab.Panel):

{
    title: 'News',
    layout: 'fit',
    iconCls: 'news',

    items: [
        {
            xtype: 'itemsListView'
        }
    ]
},
{
    title: 'Item Details',
    layout: 'fit',
    hidden: true,

    items: [
        {
            xtype: 'itemDetailView'
        }
    ]
},

Подробный просмотр элемента:

Ext.define('Geograph.view.ItemDetailView', {
    extend: 'Ext.Panel',
    xtype: 'itemDetailView',
    id: 'itemDetailPage',

    config: {
        title: 'Item Detail',
        scrollable: {
            direction: 'vertical'
        },
        styleHtmlContent: true,
        title: 'Details',
        layout: 'fit',
        tpl: [
            '<h2>{title}</h2>',
            '<div><b>{creator}</b></div>',
            '<div><span class="itemDetailDate">{date:date("l, jS F Y")}</span></div>',
            '<div><br />{description}</div>'
        ],
        data: null,
        items: [{
            docked: 'top',
            xtype: 'titlebar',
            title: 'Item Details',
            items: [{
                ui: 'back',
                text: 'Back',
                id: 'newsBackBtn'
            }]
        }]
    }
});

mobile extjs sencha-cmd sencha-touch
person SimBot    schedule 22.02.2015    source источник
comment
Откуда вы знаете, что панель прокручивается перед запуском сборки приложения sencha?   -  person gus27    schedule 23.02.2015
comment
Я знаю, что панель прокручивается перед запуском сборки приложения sencha, потому что я могу получить доступ к приложению через свой веб-браузер, запустив sencha web start и нажав localhost: 1841, где можно использовать прокрутку. Когда я создаю приложение, я перехожу к localhost:1841/build/production/Geograph, где прокрутка нарушена.   -  person SimBot    schedule 23.02.2015

Ответы (1)


arrow_upward
0
arrow_downward

Я также столкнулся с той же проблемой. Исправлена ​​проблема из этого сообщения Sencha. Форум

Просто закомментируйте коды для загрузки маски в вашем app.js следующим образом:

 launch: function() {
        // Destroy the #splash-logo element
        Ext.fly('splash-logo').destroy();

        // Initialize the main view
        Ext.Viewport.add(Ext.create('Geograph.view.Main'));

        Ext.Viewport.add(Ext.create('Geograph.view.SearchForm'));

//        var loadingMask = new Ext.LoadMask(Ext.getBody(), {msg:"wait msg..."}); 
//
//        // Before the AJAX event, enable the mask on the application's
//        // Viewport so it shows regardless of the active view.
//        Ext.Ajax.on('beforerequest', function() {
//            Ext.Viewport.setMasked(loadingMask);
//        });  

        // When the AJAX request completes disable the mask.
//        Ext.Ajax.on('requestcomplete', function() {
//            Ext.Viewport.setMasked(false);
//        });
    },
person Sujata Chanda    schedule 23.02.2015
comment
Суджата ты гений! Это полностью исправило это! Спасибо, что нашли время, чтобы посмотреть на источник тоже. - person SimBot; 23.02.2015