用鍵盤滾動的Sencha列表

Question

我在我的應用程序中使用了sencha列表。這是一個可滾動的列表。我想通過向上滾動列表，向下鍵盤上的鍵和手勢。有誰知道該怎麼做？

請幫幫我。

這是我的代碼：

{  
    xtype: 'list', 
    pinHeaders: false, 
    variableHeights: false, 
    itemTpl: 
      '<div>' + 
      '<div>{name}</div>' + 
      '</div>', 
    store: 'myStore', 
    grouped: true, 
    onItemDisclosure: true 
} 

Answer 1

看看這個小提琴https://fiddle.sencha.com/#fiddle/53t

您可以在應用程序啓動功能上keydown事件添加文檔事件監聽，然後通過你的列表項的高度滾動。

Ext.application({ 
    name: 'Fiddle', 
    launch: function() { 
     Ext.Viewport.add({ 
      xtype: 'slidelist' 
     }); 
     document.addEventListener("keydown", Ext.bind(onBackKeyDown, this), false); 
     function onBackKeyDown(e) { 
      switch(e.keyIdentifier) 
      { 
       case "Up": 
        Ext.ComponentQuery.query('slidelist')[0].getScrollable().getScroller().scrollBy(0, -47); 
       break; 
       case "Down": 
        Ext.ComponentQuery.query('slidelist')[0].getScrollable().getScroller().scrollBy(0, 47); 
       break; 
       default: 
       break; 
      } 
     } 
    } 
});