煎茶觸摸滾動不工作

我有一個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.After兩個hbox被添加。但滾動不起作用。

來源

2015-11-25 tarik

不清楚您的詳細資料。當你想滾動什麼都沒有發生，或者它不會看到所有數據的底線？ –

當我的手指離開滾動時滾動正在上升。所以我沒有看到我的的底層數據。我的contanier高度是800px.I認爲滾動的高度很小。 – tarik

試試這個。在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); 
} 
});

來源

2015-11-26 10:36:02

我嘗試但沒有改變任何東西 – tarik

視圖的config改成這樣：

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

這將有助於你的目的。讓我知道它是否有幫助。

來源

2015-11-30 06:59:53

煎茶觸摸滾動不工作

回答

相關問題