jqgrid 分页时，清空原表格数据加载返回的新数据

最新推荐文章于 2022-08-30 15:06:06 发布

weixin_34404393

最新推荐文章于 2022-08-30 15:06:06 发布

阅读量577

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/senyier/p/7308423.html

本文介绍如何使用jqGrid插件实现动态分页数据的更新。主要包括三个步骤：使用clearGridData方法清空表格数据；通过setGridParam方法设置新的URL及POST数据；最后通过触发reloadGrid方法加载新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于，我们是动态分页，分页后的数据是在触发分页后动态加载而来。如何使jqgrid清空原数据而加载新数据？

1）调用jqgrid的 clearGridData 方法清空表格数据

2）调用jqgrid的 setGridParam 方法，传入需要的变量及url参数

3）新数据获得后，通过触发器 trigger 调用 reloadGrid 方法，加载返回的新数据

具体代码参考如下：

        //清空表格数据重新加载新数据
        $("#jqGrid").jqGrid('clearGridData');  //清空表格
        $("#jqGrid").jqGrid('setGridParam', {  // 重新加载数据
            url: 'TbQueryList',
            postData: {
                code: $("#Code").val(),
                queryParams: JSON.stringify(queryParamArr)//查询内容
            },
            mtype: "POST",
            datatype: 'json',
            page: 1
        }).trigger("reloadGrid");