Наложение элементов списка с помощью приложения Sencha Touch

Question

Я разрабатываю приложение Sencha Touch со списками, в частности в одном списке у нас есть (например) 400 разных элементов, и необходимо добавить параметр infinite: true для улучшения производительности в представлении ..

Но я ищу странное поведение и элементы накладывания со следующим ..

Мой код:

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

Такое поведение происходит, когда я включать infinite параметров ..

компонентов 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 может быть настроен для обычных списков, но не следует структуре бесконечных списков. Если 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