`
风花雪月饼
  • 浏览: 75747 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXT-GridPanel大数据量测试

阅读更多


测试步骤:使用循环生成数据,然后用EXT渲染。每项测试条目执行三次。
由于没有专业的测试工具,我只能通过任务管理器来观测内存使用情况。

测试相关信息:
操作系统:WindowsXP.SP2
浏览器:IE7.0
CPU:Intel PentiumM 1.73
内存:1GB
初始内存占用:737M。(已打开浏览器)

测试1:100次循环数据
(1)创建数据用时:0ms; 渲染用时:531ms
(2)创建数据用时:16ms; 渲染用时:515ms
(3)创建数据用时:0ms; 渲染用时:531ms
使用效果:正常
内存占用:756-758M。
CPU:渲染时占用100%。鼠标移入EXT-GridPanel时占用0%-35%。

测试2:1000次循环数据
(1)创建数据用时:16ms; 渲染用时:4281ms
(2)创建数据用时:32ms; 渲染用时:4250ms
(3)创建数据用时:16ms; 渲染用时:4219ms
    使用效果:鼠标移动或点击某记录时,显示效果稍有延迟。
内存占用:777-778M
CPU:渲染时占用100%。鼠标移入EXT-GridPanel时占用30%-60%。

测试3:2000次循环数据
(1)创建数据用时:63ms; 渲染用时:9687ms
(2)创建数据用时:62ms; 渲染用时:9610ms
(3)创建数据用时:47ms; 渲染用时:9563ms
使用效果:延迟较严重,并导致使用复制字符等操作无法正常使用。
内存占用:793-800M
CPU:渲染时占用100%。当鼠标移入EXT-GridPanel时占用100%,窗口处于非活动状态时还持续了一段时间

测试4:5000次循环数据
(1)创建数据用时:141ms; 渲染用时:31672ms
(2)创建数据用时:172ms; 渲染用时:31594ms
(3)创建数据用时:140ms; 渲染用时:32907ms
使用效果:浏览器已无法正常使用。
内存占用:860-875M
CPU:持续100%



所以在有大数据需要显示的时候,想使用EXT的同志们要考虑清楚了.实际上是1000条的时候已经有点难以使用了.
分享到:
评论
2 楼 风花雪月饼 2008-12-21  
liangwenzheng 写道

一页需要显示很大量的数据么? 你的意思是?

是的。。。
至少我们的系统某些部分有这方面需求。
实际上EXT显示100条以上可能某些IE有问题的客户机就已经无法正常使用了。
而用传统的方式做,就没有问题。
1 楼 liangwenzheng 2008-12-20  
一页需要显示很大量的数据么? 你的意思是?

相关推荐

    Ext的gridpanel控件二次加载问题

    在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...

    ext-3.4.0.rar

    5. **表格网格**:Ext JS的GridPanel是其最知名的组件之一,它提供了强大的表格展示和编辑功能,包括行选择、列排序、自定义渲染等。 6. **表单组件**:Ext JS提供了丰富的表单组件,如文本字段、日期选择器、下拉...

    Ext GridPanel 中实现加链接操作

    2. **性能优化**:对于大数据量的情况,考虑使用分页、懒加载等技术来提升性能。 3. **用户体验**:提供清晰的反馈信息,如加载指示器、错误提示等,以增强用户体验。 4. **兼容性**:测试不同浏览器下的表现,确保...

    ext-2.3.0+ext教程

    - **网格组件**:EXTJS的GridPanel组件用于展示表格数据,学习如何定制列、行编辑、排序、分页等功能。 - **表单组件**:EXTJS的表单组件用于收集用户输入,了解如何创建表单、添加字段、验证数据等。 - **Ajax...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    `Ext.grid.GridPanel`则是一个数据展示组件,常用于表格数据的展示和操作。每个类都详细说明了其构造函数、配置选项、事件处理函数以及方法的使用。 在API文档中,开发者还可以找到关于布局管理、数据绑定、Ajax...

    ext form gridpanel

    "Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...

    EXT--API.zip_ext 3.0 api

    例如,GridPanel是EXT中常用的数据展示组件,通过API,开发者可以学习如何配置列模型、数据源、排序和分页等功能。FormPanel则用于创建交互式的表单,API提供了关于字段验证、表单提交和远程处理的方法。 EXT 3.0的...

    tapestry4.02中封装ext的GridPanel组件

    在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将ExtJS的GridPanel功能集成到Tapestry应用中,使Tapestry应用能够利用GridPanel的强大功能。这个过程通常涉及到以下几个关键步骤: 1. **引入ExtJS库**:...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

    ext-3.0.0开发包

    5. **表格和网格**:EXT 3.0.0中的GridPanel是数据展示的重要组件,它可以显示大量数据,并提供排序、筛选、分页等功能。配合Store,能轻松实现动态加载和编辑。 6. **表单元素**:EXT提供了各种表单控件,如文本框...

    ext-3.2.2.zip

    ExtJS 3.2.2 提供了大量预定义的UI组件,如表格(GridPanel)、面板(Panel)、窗口(Window)、表单(FormPanel)等,这些组件可组合使用,实现复杂的应用界面。通过组件化的开发模式,开发者能够快速构建模块化的...

    ext gridpanel 跨行

    "ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...

    ext-2.2.rar

    ExtJS基于Ext Core,这是一个轻量级的JavaScript库,提供了DOM操作和事件处理等功能。而ExtJS则在其基础上扩展了大量可复用的UI组件和数据管理工具。 1. **组件系统**:ExtJS的核心是其强大的组件模型,每个UI元素...

    Ext教程ext2-Ext简易教程

    除了布局之外,Ext还提供了大量的UI组件,如GridPanel,用于创建数据网格。GridPanel允许你显示和操作结构化的数据,支持排序、分页和各种自定义功能。 总的来说,Ext是一个功能强大的工具,能够帮助开发者构建功能...

    Ext-3.0 源代码

    GridPanel是数据展示的常用组件,它可以动态加载和编辑数据。 3. **布局管理器**:3.0版本引入了更多种类的布局管理器,如Fit布局、Table布局、Form布局等,帮助开发者轻松地组织组件的排列方式。 4. **事件模型**...

    EXTJSEXT实例GridPanel.

    在实际项目中,你可能还需要关注性能优化,比如使用buffered rendering来提高大数据量时的渲染速度。 这个"EXTJSEXT实例GridPanel"可能是为了演示基本的GridPanel使用方法,包括数据绑定、列定义以及如何在页面上...

    ext-3.2.0.rar

    4. **表格网格**:EXTJS 3.2.0的GridPanel组件是数据展示的重要工具,支持分页、排序、过滤、行编辑等功能,适用于展示大量结构化数据。 5. **表单组件**:EXTJS提供了丰富的表单组件,如文本框、选择框、日期选择...

    treePanel与gridPanel技术实现页面的增删改查

    总结来说,`treePanel`和`gridPanel`是Ext JS中用于构建动态数据界面的重要组件,它们提供了丰富的功能和灵活性,能够满足各种复杂的业务需求。结合源码理解和适当的开发工具,我们可以高效地实现页面上的数据管理...

    examples.ext.net-5.zip

    例如,压缩包中的GridPanel示例展示了EXT.NET如何创建一个动态加载数据的表格。GridPanel可以连接到各种数据源,如ADO.NET、Entity Framework等,实现数据的展示、编辑和操作。同时,GridPanel还支持行选择、列隐藏...

Global site tag (gtag.js) - Google Analytics