测试步骤:使用循环生成数据,然后用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条的时候已经有点难以使用了.
分享到:
相关推荐
在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...
5. **表格网格**:Ext JS的GridPanel是其最知名的组件之一,它提供了强大的表格展示和编辑功能,包括行选择、列排序、自定义渲染等。 6. **表单组件**:Ext JS提供了丰富的表单组件,如文本字段、日期选择器、下拉...
2. **性能优化**:对于大数据量的情况,考虑使用分页、懒加载等技术来提升性能。 3. **用户体验**:提供清晰的反馈信息,如加载指示器、错误提示等,以增强用户体验。 4. **兼容性**:测试不同浏览器下的表现,确保...
- **网格组件**:EXTJS的GridPanel组件用于展示表格数据,学习如何定制列、行编辑、排序、分页等功能。 - **表单组件**:EXTJS的表单组件用于收集用户输入,了解如何创建表单、添加字段、验证数据等。 - **Ajax...
GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...
`Ext.grid.GridPanel`则是一个数据展示组件,常用于表格数据的展示和操作。每个类都详细说明了其构造函数、配置选项、事件处理函数以及方法的使用。 在API文档中,开发者还可以找到关于布局管理、数据绑定、Ajax...
"Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...
例如,GridPanel是EXT中常用的数据展示组件,通过API,开发者可以学习如何配置列模型、数据源、排序和分页等功能。FormPanel则用于创建交互式的表单,API提供了关于字段验证、表单提交和远程处理的方法。 EXT 3.0的...
在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将ExtJS的GridPanel功能集成到Tapestry应用中,使Tapestry应用能够利用GridPanel的强大功能。这个过程通常涉及到以下几个关键步骤: 1. **引入ExtJS库**:...
EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...
5. **表格和网格**:EXT 3.0.0中的GridPanel是数据展示的重要组件,它可以显示大量数据,并提供排序、筛选、分页等功能。配合Store,能轻松实现动态加载和编辑。 6. **表单元素**:EXT提供了各种表单控件,如文本框...
ExtJS 3.2.2 提供了大量预定义的UI组件,如表格(GridPanel)、面板(Panel)、窗口(Window)、表单(FormPanel)等,这些组件可组合使用,实现复杂的应用界面。通过组件化的开发模式,开发者能够快速构建模块化的...
"ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...
ExtJS基于Ext Core,这是一个轻量级的JavaScript库,提供了DOM操作和事件处理等功能。而ExtJS则在其基础上扩展了大量可复用的UI组件和数据管理工具。 1. **组件系统**:ExtJS的核心是其强大的组件模型,每个UI元素...
除了布局之外,Ext还提供了大量的UI组件,如GridPanel,用于创建数据网格。GridPanel允许你显示和操作结构化的数据,支持排序、分页和各种自定义功能。 总的来说,Ext是一个功能强大的工具,能够帮助开发者构建功能...
GridPanel是数据展示的常用组件,它可以动态加载和编辑数据。 3. **布局管理器**:3.0版本引入了更多种类的布局管理器,如Fit布局、Table布局、Form布局等,帮助开发者轻松地组织组件的排列方式。 4. **事件模型**...
在实际项目中,你可能还需要关注性能优化,比如使用buffered rendering来提高大数据量时的渲染速度。 这个"EXTJSEXT实例GridPanel"可能是为了演示基本的GridPanel使用方法,包括数据绑定、列定义以及如何在页面上...
4. **表格网格**:EXTJS 3.2.0的GridPanel组件是数据展示的重要工具,支持分页、排序、过滤、行编辑等功能,适用于展示大量结构化数据。 5. **表单组件**:EXTJS提供了丰富的表单组件,如文本框、选择框、日期选择...
总结来说,`treePanel`和`gridPanel`是Ext JS中用于构建动态数据界面的重要组件,它们提供了丰富的功能和灵活性,能够满足各种复杂的业务需求。结合源码理解和适当的开发工具,我们可以高效地实现页面上的数据管理...
例如,压缩包中的GridPanel示例展示了EXT.NET如何创建一个动态加载数据的表格。GridPanel可以连接到各种数据源,如ADO.NET、Entity Framework等,实现数据的展示、编辑和操作。同时,GridPanel还支持行选择、列隐藏...