2011-07-17 118 views
0

我正在構建一個應用程序,我有一個從商店加載一些信息的列表,它有很多項目,但當我嘗試向下滾動時滾動備份就好像沒有足夠的項目滾動一樣。這裏是一些代碼:Sencha觸摸+ PhoneGap - 列表不滾動

app.views.SearchTab = Ext.extend(Ext.Panel, { 
    iconCls: 'search', 
    id: 'search', 
    items: { 
     xtype: 'list', 
     store: app.stores.results, 
     scroll: 'vertical', 
     itemTpl: '<div class="list_left_panel"><div class="list_photo_wrapper"><div class="list_photo"><img src="http://realio.cz/images/{link}_0s.jpg" /></div></div></div><div class="list_right_panel"><div class="list_name">{titul}</div><div class="list_info"><div>{cena} Kč</div><div class="list_info_grey">{m2} m<sup>2</sup></div><div>{typ}</div></div></div>', 
     onItemDisclosure: function (record) { 
      Ext.dispatch({ 
       controller: app.controllers.detail, 
       action: 'show', 
       id: record.getId() 
      }); 
     } 
    }, 
    initComponent: function() { 
     app.stores.results.load(); 
     app.views.SearchTab.superclass.initComponent.apply(this, arguments); 
    } 
}); 

app.models.Results = Ext.regModel("app.models.Results", { 
    fields: [ 
     {name: "titul", type: "string"}, 
     {name: "book_id", type: "int"}, 
     ... 
     {name: "u", type: "int"} 
    ] 
}); 

app.stores.results = new Ext.data.Store({ 
    model: "app.models.Results", 
    proxy: { 
     type: 'ajax', 
     url: 'http://site.com/json_list2.php?...', 
     reader: { 
      type: 'json', 
      root: 'markers' 
     } 
    }, 
    autoLoad: false 
}); 

我該如何修復列表以便它正確滾動?謝謝。

+0

我已經想通了......加入「佈局:‘VBOX’」的SearchTab面板做的事,希望這可以幫助別人有時 – haluzak

回答

0
+0

我用這個偉大的延伸。但是當我動態地將一個項目添加到列表中時,它失去了滾動的能力。 :-( – headkit

+0

是的,這是一個錯誤,你可以嘗試這個要點,我已經更新了一些東西,它工作正常:https://gist.github.com/1286383 – whatf