Sencha Touchアプリケーションでリストアイテムをオーバーレイする

Question

リストを持つSencha Touchアプリケーションを開発しています（たとえば、400種類のアイテムがあります）。ビューでのパフォーマンスを向上させるには、パラメータinfinite: trueを含める必要があります..

しかし

..私は奇妙な行動を探していますし、アイテムは、次のいずれかでオーバーレイされている

私のコードは次のとおりです。

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

私は infiniteパラメータを含む場合、この動作が起きている3210

..

コンポーネントCLSはないCSSルールを持って、ここでは、拡張コンポーネントを表示することができます

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

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

任意の手掛かりを??

ありがとうございます。

Answer 1

フラグvariableHeights：trueを使用します。

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

これ以外に、mweb-listは通常のリストに対して設定できますが、無限リストの構造には従っていない可能性があります。 もしvariableHeightsがあなたのCSSコードを投稿してください。

CSS：

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

Answer 2

infinite: trueを使用すると、itemHeightプロパティを使用して各リスト項目の高さ（ピクセル単位）を設定できます。

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