精华内容
下载资源
问答
  • //刷新页面--调用上方的重载 } } }); } //页面提交 //监听提交 form.on('submit(submit_form)', function (data) { layer.msg('正在保存数据。'); $.ajax({ type: "POST",//方法类型 dataType: "json",//预期...

     

    function reloadData(){
        var content = $('#content').val();
        var answer = $('#answer').val();
        var score = $('#score').val();
        //执行重载
        table.reload('table_questionbank', {
            page: {
                curr: 1 //重新从第 1 页开始
            }
            ,where: {
                content:content,
                answer:answer,
                score:score
            }
        });
    }
    function add(){
        parent.layer.open({
            //skin: 'layui-layer-molv',
            title: '添加',
            maxmin: true,
            type: 2,
            content: 'url',
            area: ['800px', '500px'],
            end: function () {
                var val = getOpenCloseParam();
                if(val=="reload"){
                    reloadData();//刷新页面--调用上方的重载
                }
            }
        });
    }

     //子页面提交

    //监听提交
    form.on('submit(submit_form)', function (data) {
        layer.msg('正在保存数据。');
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "",//url
            data: $('#form').serialize(),
            success: function (res) {
                if (res.success) {
                    layer.msg("数据保存成功。", {time: 2000}, function () {
                        setOpenCloseParam("reload");
                        var index = parent.layer.getFrameIndex(window.name);//关闭当前页面
                        parent.layer.close(index);
                    });
                } else {
                    $("#submit_button").attr('disabled', false);
                    if (res.loseSession == 'loseSession') {
                        loseSession(res.msg, res.url)
                    } else {
                        layer.msg(res.msg, {time: 2000});
                    }
                }
            },
            error: function () {
                $("#submit_button").attr('disabled', false);
                layer.msg("异常!");
            }
        });
        return false;
    });

     

    展开全文
  • Layui关闭弹层并刷新父页面表格

    万次阅读 2019-03-09 21:41:48
      最近一直使用TP5+Layui的组合,许多地方都要使用到关闭弹层然后刷新父页面表格的功能。   代码如下: //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); //再执行关闭 ...

      最近一直使用TP5+Layui的组合,许多地方都要使用到关闭弹层然后刷新父页面表格的功能。
      代码如下:

    	//先得到当前iframe层的索引
    	var index = parent.layer.getFrameIndex(window.name); 
    	//再执行关闭 
    	parent.layer.close(index);  
    	//关闭父级页面的表格
    	parent.layui.table.reload('table');
    
    展开全文
  • layui - 子页面刷新父页面页面    parent.layui.table.reload('educationReload',{page:{curr:1}}); 页面主要代码块 /* 表单提交 */ form.on('submit(component-form-element)', function (data) { $....

    layui - 子页面刷新父页面页面

     

     parent.layui.table.reload('educationReload',{page:{curr:1}});




    子页面主要代码块

    /* 表单提交 */
          form.on('submit(component-form-element)', function (data) {
            $.ajax({
              url: "/personnel/education",
              type: "put",
              contentType: "application/json", //设置请求参数类型为json字符串
              dataType: "json",
              data: JSON.stringify(data.field),
              success: function (res) {
                  var index = parent.layer.getFrameIndex(window.name); /* 先得到当前iframe层的索引 */
                  if (res.status == 200) {
                      parent.layui.table.reload('educationReload',{page:{curr:1}}); //主页代码,第一个参数为: 父页面的表格属性 id名
                      parent.layer.close(index); //成功再执行关闭
                      parent.layer.msg("编辑成功", {
                          icon: 6
                      });
                  } else {
                      parent.layer.msg(res.msg, {
                          icon: 5
                      });
                  }
              },
              error: function (res) {
                parent.layer.msg(res.msg, {
                  icon: 5
                });
              }
            });
            return false;
          });
    
    • 父页面的主要代码:
      var contractTable = table.render({
            elem: '#staffContract' /* 所操作的表格id名 */,
            height: 'full-100' /* 表格有宽度之后,可设表格的高度最大化当前窗口 */,
            url: '/personnel/contract' /* 数据接口,渲染的接口路径 */,
            page: {
              layout: ['limit', 'count', 'prev', 'page', 'next', 'skip','refresh'] //自定义分页布局
              //,curr: 5 //设定初始在第 5 页
              ,groups: 4 //只显示 1 个连续页码
              ,first: true
              ,last: true
    
            },
            limit : 20,
            limits : [30,40,50],
            toolbar: '#operation',
            cellMinWidth:80,
            id: 'contractReload',   //关键点, 子页面的第一个参数
            cols: [
              [ /* 表头 */ {
                type: 'radio'
              }, {
                field: 'userNumber',
                title: '编号',
                align: 'center'
              }, {
                field: 'userName',
                title: '姓名',
                color: 'red',
                sort: true,
                align: 'center'
              }, {
                field: 'contractType',
                title: '合同类型',
                align: 'center'
              }, {
                field: 'contractTerm',
                title: '合同期限',
                sort: true,
                align: 'center'
              }, {
                field: 'contractStartDate',
                title: '合同起始日',
                align: 'center',
                sort: true,
                templet: function (res) {
                  return _util(res.contractStartDate)
                }
              }, {
                field: 'contractEndDate',
                title: '合同结束日',
                sort: true,
                align: 'center',
                templet: function (res) {
                  return _util(res.contractEndDate)
                }
              }, {
                field: 'probation',
                title: '试用期(月)',
                align: 'center'
              }, {
                field: 'contractRemarks',
                title: '备注',
                align: 'center',
                sort: true
              }]
            ],
            done: function (res, curr, count) { }
          });

     

    展开全文
  • Layui 子页面刷新父table

    千次阅读 2019-07-11 14:57:51
    现在要求在子页面关闭的时候,刷新父页面的table表单,需要连同查询条件一起更新查询。 父页面表单: <table class="layui-table" id="test" lay-filter="demo"></table> 直接刷新父页面: parent...

    layui框架  动态生成的列表页面为父页面,新增、编辑等弹出框的页面为子页面。现在要求在子页面关闭的时候,刷新父页面的table表单,需要连同查询条件一起更新查询。

    父页面表单:

    <table class="layui-table" id="test" lay-filter="demo"></table>

    直接刷新父页面:

    parent.location.reload();

    关闭当前页面:

    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.close(index);

    刷新父页面table(连同查询条件):

    parent.layui.table.reload('test');

    其中test为父页面table的id值。

    展开全文
  • //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); //刷新 parent.location.reload(); //再执行关闭 parent.layer.close(index);
  • layui关闭弹层并刷新父页面表格

    千次阅读 2019-06-03 17:11:34
    //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); ...//关闭父级页面的表格 parent.layui.table.reload('vehicleAlertInfoTableReload',{page:{curr:1}}); ...
  • layui 关闭弹窗,刷新父窗体页面

    千次阅读 2019-06-18 17:20:00
    关闭一个弹窗 当你想关闭一个弹窗时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); 每一个弹窗都会产生一个index,我们可以根据...
  • layui弹框父页面刷新问题

    千次阅读 2019-08-05 10:03:13
    layui弹框父页面刷新问题 1.只有一层弹框时: window.parent.location.reload(); //父级页面重载 var index = parent.layer.getFrameIndex(window.name); //获取父级页面layer弹框的索引 parent.layer.close(index);...
  • open 关闭子页面刷新父页面
  • function close(status){ if(status=="yes"){ ...//刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); } var index = parent.layer.get
  • 今天小编就为大家分享一篇layui关闭弹窗后刷新页面和当前更改项的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • ajax 提交 解决 layui 先提示信息 关掉子页面 再刷新页面的方法 ajax请求成功后,然后弹窗提示用户,接着刷新页面。 结果弹窗一闪而逝,页面就刷新了,提示的信息用户都来不及看到。 错误写法: layer.msg...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。 转载于:https://my.oschina.net/u/3477605/blog/1815878
  • 父级页面js layui.use(['element','layer'], function(){ var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 var layer=layui.layer; var $ = layui.$ var active = ...
  • layui父子界面(刷新父界面)

    千次阅读 2018-04-13 15:10:22
    1、界面关闭刷新父界面) 在界面的lay.open方法中 end:function(){ //放置你需要在界面关闭后加载的方法 }
  • layui关闭弹出层刷新父页面

    千次阅读 2019-01-11 16:51:54
    layui关闭弹出层时会调用layer.open()方法的end属性然后刷新代码就写在这个属性里面 layer.open({ type: 2, area: [w+'px', h +'px'], fix: false, //不固定 maxmin: true, shadeClose: true, shade:...
  • 2 //此处以iframe举例 , title: '名师列表' , area: ['800px', '600px'] , shade: 0 , maxmin: true , offset: 'auto'//显示坐标-auto居中 , content:"{:url('admin/trainerlist')}" , btn: ['关闭'] , yes: ...
  • 背景:对一个页面中的bootstrapTable中的数据进行修改,当点击修改按钮后,会跳出一个弹窗(而此弹窗则为一个新的html页面),当修改完成点击保存按钮后,要将此修改页面关闭,并刷新父页面中的bootstrapTable。...
  • layer.open({ content:data ,btn: ["确定"] ,yes: function (index,layero) { let indexOfFather = parent.layer.getFrameIndex(window.name); parent.layer.close(indexOfFather);... //刷新父页面 } })
  • layer iframe层的使用,传参 层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-s...
  • 1、在父页面定义一个变量来判断是否需要刷新 var reload_flag = 0;...3、在父页面的弹出层关闭时通过该变量的值判断是滞需要刷新,使用layer.open的end事件 layer.open({ type: 2, title: '编辑', ...
  • LayUI页面关闭刷新问题

    万次阅读 2018-09-06 16:32:10
    一 编辑成功后刷新父页面 $.ajax({ type: "POST", url: "${base}/pm/pmshiftEditList", data: $("#form").serialize(),//将对象序列化成JSON字符串 ...
  • eaysui 子页面刷新父页面datagrid

    千次阅读 2017-10-11 16:48:44
    近期碰到这样一个问题,子页面操作后需要刷新父页面datagrid元素,刚开始用这种方式刷新,$("#talbe",window.parent.document).datagrid("reload");因使用window.parent.document方法能得到父页面中的元素,想当然...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,527
精华内容 610
关键字:

layui关闭子页面刷新父页面