顯示多個項目中horizental視圖

Question

我是新來的煎茶用列表的xtype，我需要在一行中顯示兩個或多個記錄

{ 
      xtype: 'list', 
      flex: 1, 
      cls:'home-page-class', 
      itemTpl:'<img src="{image}">', 
      store: 'HomePage', 
      itemCls:'details', 

      useSimpleItems: false, 
      variableHeights: true, 
      infinite: true, 
      disableSelection: true, 
      allowDeselect: false, 
      scrollToTopOnRefresh: false, 

      itemHeight:80, 
      plugins: [ 
       { xclass: 'Ext.plugin.ListPaging', autoPaging: true}, 
       { xclass: 'Ext.plugin.PullRefresh'} 


       ], 
} 

我試着用CSS，但煎茶打造成空項顯示它這樣

而且我不能改變的xtype數據視圖，因爲我需要的listpaging插件

Answer 1

我發現，除去一些參數，並添加內聯：真，這項工作爲我

{ 的xtype： '清單'， 柔性：1， CLS：「家庭PAGE-類， itemTpl： ''， 店： '主頁'， itemCls： '細節'，

 //useSimpleItems: false, 
     //variableHeights: true, 
     //infinite: true, 
     disableSelection: true, 
     allowDeselect: false, 
     scrollToTopOnRefresh: false, 
     inline:true, 
     itemHeight:80, 
     plugins: [ 
      { xclass: 'Ext.plugin.ListPaging', autoPaging: true}, 
      { xclass: 'Ext.plugin.PullRefresh'} 


      ], } 

Answer 2

這是一招，改變你的itemTpl 從

itemTpl:'<img src="{image}">', 

到

itemTpl:'<img id="img1" src="{image1}"><img id="img2" src="{image2}">', 

然後根據需要設置事件偵聽到這些對象。