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

Question

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

Панель не будет прокручиваться после запуска «sencha app build». Результирующий пакет сборки отлично работает, кроме того, что панель больше не прокручивается.

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

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

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

Вот некоторые фрагменты:

Main View (расширяет Ext.tab.Panel):

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

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

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

Item Detail View:

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' 
      }] 
     }] 
    } 
}); 

Answer 1

У меня также была такая же проблема. Исправлена ​​проблема с этого поста Sencha Forum

Просто раскомментируйте коды для загрузки маски в ваших 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); 
//  }); 
    },