本文介绍了使用Sencha Touch应用程序覆盖列表项的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在开发一个带有列表的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
}
});
有线索吗??
提前谢谢您。
推荐答案
您可能希望使用标志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
}
这篇关于使用Sencha Touch应用程序覆盖列表项的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!