javascript - Sencha 触摸卷轴不起作用

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
            }
        });
        }**
    }




        }



    }

我有一个加载函数。加载函数添加项目(这个项目是图像)。但是我的滚动条似乎不起作用。我按住滚动条，但如果释放滚动条正在上升。 我有一个 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);
}
});