easyui datagrid 列数在100左右,加载数据很慢,请问,如何优化?
/*
列数是动态加载,当列数量超过50,甚至100列 就很慢了,在chrome浏览器大概3ms,IE更不敢想象。
请问有人优化过这个问题吗?(已排除是服务端加载数据慢的原因,确定是datagrid的问题)
*/
var columns = [{ field: "ID", title: "ID", width: 120 }];
for (var idx = 0, len = data.length; idx < len; idx++) {
var item = data[idx] || null;
if (item) {
columns.push({ field: item.FieldNameEn, title: item.FieldNameCn });
}
}
$("#dgResidentProject").datagrid({
url: "/api/data/ResidentProject/GetProjects?page=1&rows=10",
width: 'auto',
rownumbers: true,
checkOnSelect: false,
ctrlSelect: false,
loadMsg:"数据加载中,请稍后...",
singleSelect: true,
pagination: true,
queryParams: { },
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [10, 15, 20],//可以设置每页记录条数的列表
columns: [columns],
onLoadSuccess: function (data) {
var dEnd = new Date();
var ms = dEnd.getTime() - dStart.getTime();
alert(ms);
}
});
//设置分页控件
var p = $('#dgResidentProject').datagrid('getPager');
$(p).pagination({
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});
相关推荐
easyui datagrid实现实现上下左右和回车切换单元格
DataGrid 不仅可以展示静态数据,还可以动态加载服务器返回的数据。通过使用 DataGrid,开发者能够轻松地为 Web 应用添加复杂的表格显示功能。
【安全机制分析案例】从PDF预览页面提取原始PDF文件的方法原理与实践 篇一:前端权限校验技术
本文展示了一个化学品安全法规网站的HTML源码实例,主要包含以下内容:1)页面基础设置,包括UTF-8编码、移动端适配和浏览器兼容性处理;2)引用了jQuery和EasyUI等前端框架资源;3)通过CSS样式调整了UI组件(如tabs、tree、datagrid等)的显示效果,包括高度计算、选中状态、行高设置等细节优化。该代码展示了企业级法规系统前端界面的实现方式,重点解决了EasyUI框架中常见的布局和样式问题。
Easyui Datagrid 实现行过滤[模糊查询]
**性能优化**:在处理大量数据时,为了提高性能,可以考虑使用分页查询,只获取当前页的数据,而不是一次性加载所有数据。同时,对于数据库查询,可以考虑建立索引,提升查询速度。
在jquery easyui中的datagrid中添加searchbox!
接下来,创建一个`datagrid`的基本结构,例如:```html<table id="dg" title="数据表格" class="easyui-datagrid" style="width:100%
easyui的datagrid中editor和combobox的级联
#### 五、扩展思考除了基本的级联选择外,还可以考虑以下几种优化方案:- **异步加载**: 对于数据量较大的场景,可以考虑实现异步加载,即只有当用户滚动到某一行时才加载该行的数据,这样可以减少初次加载时的延迟



