Сенч сенсорный прокрутки не работает

Question

У меня есть main.js

**Ext.define('EDevlet.view.Main', { 
viewport: { 
    autoMaximize: true 
}, 
extend: 'Ext.Container', 
xtype: 'mainview', 
defaultColumnCount: 2, 
config: { 
    scrollable:"vertical", 
    cls: "page-content-style page-with-main-buttons", 
    fullscreen: true, 
    title: i18n["edevlet_title"], 
    flex:1, 
    height:800, 
    layout: { 
     type: 'vbox', 
     align: 'stretch' 

    }, 
    defaults: { 
     flex:1 
    }, 
    items: [{ 
     xtype: "panel", 
     id: "greeting-message", 
     cls: "greeting", 
     docked: "top" 
    } 
    ] 
},** 


loadMenu: function() { 
    Logger.log("@Main::loadMenu"); 
    this.removeAll(true, false); 
    var services = SegmentUtil.getServiceContent(), // boş olma ihtimali yok, BE den gelmez ise yereldeki DEFAULT segment içeriğini kullanıyor 
     maxServiceSize = SegmentUtil.getHomePageMaxServiceSize(), 
     columnCount = this.defaultColumnCount, 
     rowCount = Math.ceil((maxServiceSize + 1)/columnCount), // +1 diğer servisler düğmesi için ! 
     index, 
     service, 
     title, 
     itemId, 
     button, 
     menuRow, 
     rowIndex, 
     isLeftSide, 
     verticalPosition = -1; 

    Logger.log('services: ' + services); 
    Logger.log('rowCount: ' + rowCount + ', columnCount: ' + columnCount + ', maxServiceSize: ' + maxServiceSize); 

    // satırları oluştur 
    var newCount=rowCount+1; 
    for (index = 0; index < newCount; index++) { 
     if(index==0){ 

       **this.add({ 
        id: 'mainRow-' + index, 
        xtype: 'carousel', flex:3, 
        layout: 'hbox', 
        defaults: { 
         flex:1 
        },  items: [ 
            { id: 'Image1', 
             html: '' 
            }, 
            { id: 'Image2', 

             html: '' 
            }, 
            { id: 'Image3', 
             html: '' 

            }, 
            { id: 'Image4', 
             html: '' 
            } 
           ] 
     }); 
       this.requestBackEndForNewsUrl(); 
     } 
     else{ 

     this.add({ 
      id: 'mainMenuRow-' + index, 
      xtype: 'container', 
      flex:2, 
      layout: 'hbox', 
      defaults: { 
       flex:1 
      } 
     }); 
     }** 
    } 




     } 



    } 

И у меня есть функция function.Load нагрузки добавить элементы (этот товар является изображением). Мой, кажется, но приборы типа СПИРАЛЬНЫМ не working.I держать прокрутки, но если свиток выпускается вверх. У меня есть vbox. После добавления двух hbox. Но свиток не работает.

Answer 1

Попробуйте это. Напишите этот код переопределения в файле app.js &, затем проверьте.

// Fix for scroll 
Ext.override(Ext.util.SizeMonitor, { 
constructor: function (config) { 
    var namespace = Ext.util.sizemonitor; 
    return new namespace.Scroll(config); 
} 
}); 
Ext.override(Ext.util.PaintMonitor, { 
constructor: function (config) { 
    return new Ext.util.paintmonitor.CssAnimation(config); 
} 
}); 

Answer 2

Изменение конфигурации вашей точки зрения на это:

scrollable: { 
      direction: 'vertical', 
      directionLock: true 
}, 
flex:1, 
height: '100%', 

Это будет служить вашей цели. Дайте мне знать, помогает ли это или нет.