使用Sencha Touch应用程序覆盖列表项-前端问题

Overlaying in list items with Sencha Touch app(使用Sencha Touch应用程序覆盖列表项)

本文介绍了使用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应用程序覆盖列表项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！