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

在页面加载大量数据时,为了提高用户体验,可以尝试在初始化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("系
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值