Sencha Touch uygulamasıyla liste öğelerinde yer paylaşımı

Question

Listelerdeki bir Sencha Touch uygulamasını, özellikle de (örneğin) 400 farklı öğeye sahip olduğum bir listede geliştiriyorum ve görünümdeki performansı artırmak için infinite: true parametresini eklemek gerekiyor ..

Ama

.. garip bir davranış arıyorum ve ürün sonraki biriyle bindirilirken olan

Benim kodudur:

xtype  : 'list', 
cls   : 'mweb-list', 
useComponents: true, 
maxItemCache: 30, 
useHeaders : false, 
infinite : true, 

Ben css kuralları, burada genişletilmiş bileşeni görüntüleyebilirsiniz henüz infinite parametre ..

Bileşen CLS eklediğinizde

Bu davranış oluyor:

Ext.define('xx.components.list.BaseListComponent', { 
    extend: 'Ext.dataview.List', 
    xtype : 'mwebBaseListComponent', 

    config: { 
    cls   : 'mweb-list', 
    useComponents: true, 
    emptyText : '', 
    loadingText : '', 
    useHeaders : false 
    } 
}); 

Herhangi ipucu ??

Önceden teşekkür ederiz.

Answer 1

Bayrak değişkeniHeights: true değerini kullanmak isteyebilirsiniz.

xtype  : 'list', 
cls   : 'mweb-list', 
useComponents: true, 
maxItemCache: 30, 
useHeaders : false, 
infinite : true, 
variableHeights: true, 

Bunun dışında mweb listeniz normal listeler için ayarlanmış olabilir, ancak sonsuz listelerin yapısını izlemiyor olabilir. Eğer variableHeights yardımcı olmazsa, lütfen css kodunuzu gönderin.

css:

.mweb-list { 
    --> post whatever is in here 
} 

Answer 2

infinite: true'u kullandığınızda, her liste öğesinin yüksekliğini (piksel olarak) ayarlamak için itemHeight özelliğini kullanabilirsiniz.

xtype  : 'list', 
cls   : 'mweb-list', 
useComponents: true, 
maxItemCache: 30, 
useHeaders : false, 
infinite : true, 
itemHeight : 80