-
jquery easyui datagrid 大数据量IE加载崩溃问题!10
应需求datagrid不用分页要在一页显示1000条以上数据,今天测试加载了9000条数据(以后还有更多..),在IE下立刻崩溃,IE直接死掉....没办法,求高手给个解决办法!
js代码如下:jQuery(function($){ $('#userTable').datagrid({ title:'用户列表', //标题 method:'post', iconCls:'icon-edit', //图标 singleSelect:false, //多选 height:360, //高度 fitColumns: true, //自动调整各列,用了这个属性,下面各列的宽度值就只是一个比例。 striped: true, //奇偶行颜色不同 collapsible:true,//可折叠 url:"user/queryList", //数据来源 sortName: 'user.id', //排序的列 sortOrder: 'desc', //倒序 remoteSort: true, //服务器端排序 idField:'uid', //主键字段 queryParams:{}, //查询条件 pagination:true, //显示分页 rownumbers:true, //显示行号 pageList:[10,20,30,50,10000],//选择一页显示10000行直接崩溃 columns:[[ {field:'ck',checkbox:true,width:2}, //显示复选框 {field:'user.name',title:'名字',width:20,sortable:true, formatter:function(value,row,index){return row.user.name;} }, {field:'user.age',title:'年龄',width:20,sortable:true, formatter:function(value,row,index){return row.user.age;} }, {field:'user.birthday',title:'生日',width:30,sortable:true, formatter:function(value,row,index){return row.user.birthday;} }, {field:'user.deptId',title:'部门',width:30,sortable:true, formatter:function(value,row,index){ return row.deptName; } } ]]
后台就是hibernate查询出来的数据
2013年7月31日 12:31
8个答案 按时间排序 按投票排序
-
一页1000+以上的数据这个需求本身就不合理,不知道你们的产品时怎样考虑的,没有任何客户想要一页显示1000+以上的数据,建议在沟通下吧,这个需求是不合理的
2013年8月01日 23:13
-
面对一次性加载这么多数据量,浏览器肯定会受不了啦。不能异步加载或者按需加载吗?毕竟这么多数据一次性显示出来,肉眼也看不过来啊。
2013年8月01日 10:14
-
浏览器渲染需要时间
一下子加载那么多,不管哪个浏览器,速度都很慢
IE就更差了
参考easyui这个demo吧
http://www.jeasyui.com/tutorial/datagrid/datagrid27.php2013年7月31日 15:09
相关推荐
JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...
综上所述,这个 JqueryEasyUI DataGrid 示例展示了如何使用前端框架与后端服务器配合,实现一个功能完备的表格应用。在实际开发中,开发者可以根据需求调整 DataGrid 的配置项,以及后台 Servlet 的逻辑,以适应各种...
在dataGrid加载成功后检查总数据量 ```javascript onLoadSuccess: function(data) { if (data.total === 0) { // 处理逻辑 } } ``` 通过监听`onLoadSuccess`事件,可以获取到当前表格的数据总数。如果总数为0...
1. 分页优化:在大数据量时,使用服务器分页避免一次性加载所有数据。 2. 懒加载:只在需要时加载数据,提高页面加载速度。 3. 内存管理:在数据更新后及时调用 `reload` 方法更新视图,释放内存。 综上所述,...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列丰富的组件,使得开发者可以轻松构建用户界面,而 Datagrid 是其中非常重要的一个组件,常用于数据展示和管理。本篇文章将详细解析 jQuery EasyUI ...
在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...
EasyUI的Datagrid是一个强大的表格组件,它可以显示大量数据并支持排序、分页、过滤和编辑等功能。在Web应用中,Datagrid常用于展示结构化的数据,使用户能够高效地浏览和操作信息。 2. **鼠标悬停事件**: 在...
在jQuery EasyUI中,`datagrid`是一个非常常用的组件,它用于展示数据表格,具有丰富的功能和良好的用户体验。而`searchbox`则是为了增强`datagrid`的搜索功能,让用户能够更方便地查找表格中的特定数据。在标题和...
然而,需要注意的是,前端分页并不适合所有场景,尤其在数据量极大时,一次性加载过多数据会消耗过多的内存和带宽资源,可能导致页面卡顿甚至崩溃。在这种情况下,仍然推荐使用后端分页,即服务器根据分页逻辑处理...
本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...
本文主要探讨如何针对EasyUI datagrid进行性能优化,以解决大数据量加载慢的问题。 首先,我们需要理解问题的根源。当datagrid加载大量数据时,如果未进行优化,其内部的某些功能,如行高自动调整,可能导致性能...
6. **优化性能**:对于大数据量的分页,可以考虑使用懒加载(即只在滚动时加载更多数据),以减少初始加载时间和网络流量。 通过这个样例,开发者可以学习到如何结合EasyUI Datagrid和SpringMVC实现后台分页查询,...
- 大数据量:如果数据量非常大,可能需要分批导出,防止内存溢出或浏览器卡顿。 6. 扩展:除了CSV,也可以考虑使用ExcelJS或SheetJS等库直接生成XLSX格式的Excel文件,这样可以保留更多Excel特有的格式和功能。 ...
在jQuery EasyUI的datagrid中,可以通过AJAX实现数据的动态加载和刷新,提高用户体验。通常,这涉及到向服务器发送请求获取新数据,然后使用`datagrid('reload')`方法更新表格内容。 5. **源码与工具**: 标签提到的...
EasyUI是一个基于jQuery的轻量级框架,提供了一系列易于使用的UI组件,包括datagrid,用于创建表格布局。 在EasyUI的datagrid中,列的宽度通常可以设置为固定、自动或自适应。固定宽度是直接设定每列的具体像素值;...
- **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展,提供了如`datagrid`(数据网格)、`panel`(面板)、`dialog`(对话框)等丰富的UI组件。 2. **组件的使用**: - **初始化组件**: 使用`$(selector)....
"easyui-datagrid 之间拖拽效果 demo" 重点展示了如何在两个 EasyUI Datagrid 之间实现数据的拖放功能,这对于提升用户体验,尤其是处理大量数据时的交互性至关重要。 首先,Datagrid 是 EasyUI 提供的一种表格控件...
在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid、tree、dialog等,用于快速构建用户界面。本文将详细讲解如何使用EasyUI实现从datagrid组件拖放到tree组件的功能,以及涉及的相关...
在jQuery EasyUI中,datagrid是一个常用的组件,用于展示表格数据并提供各种操作功能。在实际应用中,我们可能需要在用户翻页后仍然保持选择的行的状态,即记录被选中的行。这个问题可以通过监听datagrid的事件和...
DataGrid 不仅可以展示静态数据,还可以动态加载服务器返回的数据。通过使用 DataGrid,开发者能够轻松地为 Web 应用添加复杂的表格显示功能。 ### 二、实现上下左右和回车键切换单元格的需求分析 在实际的应用...