sencha觸摸橫向滾動和Hbox

Question

嗨，我需要一點幫助，我很難得到的場景。我有一個水平的圖像列表視圖，我只想在屏幕上顯示三個圖像，並突出顯示中心圖像。

我試着旋轉木馬，但只有突出顯示的圖像將滾動，我想橫向種類的平滑滾動。

就像在水平列表視圖頂部使用hbox面板的作品？

var superpanel = new Ext.Panel({ 
    fullscreen: true, 
    layout: 'hbox',    
    items: [ 
     { 
      xtype: 'panel', 
      id: 'panel_1', 
      width: '100%', 
      layout: 'fit', 
      items: [ 
       { 
        xtype: 'list', 
        flex:1, 
        id: 'list1', 
        store: 'samplestore1' 
       } 
      ] 
     } 
    ] 
}); 

有人可以幫助該場景如何實現這一點。 任何幫助非常感謝

Answer 1

你不需要爲此轉盤。 Dataview將用於此目的。看看這個傢伙：

Ext.define('Example.view.HorizontalList', { 
      extend: 'Ext.dataview.DataView', 
      xtype: 'horizontallist', 
      config: { 
       inline: { 
        wrap: false 
       }, 
       scrollable: { 
        direction: 'horizontal' 
       }, 

       //set the itemtpl to show the fields for the store 
       itemTpl: '{name} {image}', 

       //bind the store to this list 
       store: 'xyz' 
      } 
     }); 

你也可以檢查this。