datagrid初始化表格时不加载数据及分页设置无效的原因

最新推荐文章于 2022-12-14 16:52:42 发布

chengsi101

最新推荐文章于 2022-12-14 16:52:42 发布

阅读量5.4k

点赞数

分类专栏：前端文章标签： datagrid easyui 初始化分页

本文链接：https://blog.csdn.net/chengsi101/article/details/74157203

版权

在页面加载大量数据时，为了提高用户体验，可以尝试在初始化datagrid时不加载数据，仅显示表格结构。通过设置url参数为null，可以防止初始化时自动请求数据。然而，这可能导致重置页面条件时数据和分页问题。解决方案包括重置数据和分页参数，确保正确处理分页显示。此外，当pageSize不在pageList中时，分页设置可能无效，需注意loadFilter方法的使用，以正确处理后台返回的结果并展示在页面上。

摘要由CSDN通过智能技术生成

页面在初始化加载数据较多时会非常耗时，如果只加载表格，用户再根据自己的需要通过条件查询数据，就会节约一些时间，提高用户体验，所以在初始化datagrid时想只加载表格不加载数据，做到数据与表格加载分离的效果。

经过实验发现，使用.datagrid（）方法时，参数中只要有URL存在，都会自动调用一次加载数据，可设置url参数为null，则加载表格时就不会向后台发出请求；但是此时如果用户想重置页面条件，重新加载页面时，由于没有请求后台，只加载表格，则会发生页面条件清空，表格数据还在或者表格数据为空分页展示的记录却不为0的现象，所以也需要重置数据和分页参数，具体代码如下：

/**
 * dataGrid初始化表格
 * @param id    datagrid的id
 * @param column    展示的列名
 * @param opt   设置自定义datagrid属性
 */
function commonInitDataGrid(id, column, opt){
    var initData =
    {
        "code":100,
        "msg":"",
        "data":{"totalDataCount":0,"totalPageCount":0,"list":[],"properties":{"footer": []}}
    };
    //校验参数
    if(isEmpty(id) || isEmpty(column)){
        jQuery.messager.alert("系