jqgrid获取本页数据，调用接口异步更新行数据（支持分页）

最新推荐文章于 2022-04-27 10:38:55 发布

原创

最新推荐文章于 2022-04-27 10:38:55 发布 · 980 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jqgird #jqgrid本页数据 #jggrid动态更新 #loadComplete

该博客介绍如何在jqgrid加载完当前分页数据后，利用loadComplete事件，通过ajax调用接口获取额外信息，并动态更新表格特定列的内容。

本功能实现jqgrid加载数据完成后，将本页的某个字段作为参数去请求(ajax方式)第三方接口，再将接口返回的数据更新到表格中的某列。

$("#lstMainGrid").migrid({
   
   
                postData: {
   
   
                    path: 'Campaign',
                    type: "custnode",
                    key: "query",
                    startdate: $("#startdate").val(),
                    enddate: $("#enddate").val(),
                },
                colNames: ['callbackid', '活动编号', '活动名称', '活动开始时间', '活动结束时间', 'CRM系统客户编号', '名单分配时间',
                    '外呼营销拨打次数', '最后绑定坐席编号', '最后绑定坐席姓名', 'newbusinessaccount', '客户节点状态',
                ],
                colModel: [
                	{
   
    name: 'CALLBACKID',index: 'callbackid',align: 'center',width: 60, hidden: true,key:true},
                    {
   
    name: 'CLID',index: 'clid',align: 'center',width: 60},
                    {
   
    name: