layui 父页面表格指定页码刷新

  • Post author:
  • Post category:其他


我的业务场景是列表中点击编辑,弹出表单,执行表单提交,成功后自动关闭弹窗,并将父页面中的表格定位到当前页码刷新数据。

需要在父页面中及子页面中同时设置才可生效

子页面(弹出层)代码

		$.ajax({
             url: "{:url('/api/data/update')}",
             type: "post",
             data: data.field,
             dataType: "json",
             success: function (info) {
                 layer.msg(info.msg);
                 if(info.result===1){
                     setTimeout(function(){
                         var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
                         parent.window.frames[0].layui.table.reload('dataCheck') //父页面表格当前页码刷新 dataCheck为父页面表格id
                         parent.layer.close(index);//关闭窗口
                     },2000);
                 }else{
                     $(data.elem).removeClass("layui-btn-disabled");
                     $(data.elem).attr("disabled",false)
                 }
             }
         });

父页面(列表)

var active = {
            reload: function(){
                var cur = $(".layui-laypage-em").next().html();//获取当前表格页码数
                cur = cur>0 ? cur : 1;

                //执行重载
                table.reload('dataCheck', {
                    page: {
                        curr: cur //重新从第 1 页开始
                    }
                    ,where: {
                    }
                });
            },
        };

注意:dataCheck为父页面表格id,是表格渲染的时候的属性ID值 并非表格的元素ID

在这里插入图片描述



版权声明:本文为testHjy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。