sencha 中的 Dataview 与 ListView答案

【问题标题】：Dataview vs ListView in senchasencha 中的 Dataview 与 ListView
【发布时间】：2016-05-24 17:39:14
【问题描述】：

在我当前的应用程序中，我获得了 40 多条带有图像的记录。在单个记录中，我有 6 个字段要显示，包括图像字段。现在我正在使用 Dataview 来显示记录，如果我从服务器获得超过 100 条记录，Dataview 是否会影响我的应用程序性能？或者我应该去 Listview ？

示例代码

 itemList:function(){
    return [
                "<tpl>",
                "<div class='Container'>",
                        "<div class='OfferImgContainer'><img class='offerImg' src={thumbnail}></div>",
                        "<p>",
                        "<div class='offerCategory'>{category}</div>",
                        "<div class='offerheader'>{title}</div>",
                        "<div class='offerContent1'> {content}</div>",
                        "<div class='offerContentfind'>Find out more <i class='offerArrow fa fa-chevron-right'></i></div>",

                "</tpl>"

            ];
},

【问题讨论】：

标签： extjs sencha-touch-2

【解决方案1】：

List 在支持无限数据集方面比 DataView 做得更多。 List 渲染速度会变慢，但在运行时存储中的记录越多，它会处理得越好。如果您尝试在存储中使用包含一千条记录的 DataView，则设备将难以处理那么多 DOM 节点，因此 List 可以处理这个问题。如果您不需要 List 带来的功能，那么只需使用 DataView 并按照您需要的方式对其进行样式设置。

【讨论】：

【解决方案2】：

列表视图：

可以处理多条记录
对基本列表的良好支持

数据视图：

通过扩展'Ext.dataview.component.DataItem'
最好减少记录数以避免性能问题

【讨论】：