精华内容
下载资源
问答
  • 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);...

    layui弹框父页面刷新问题

    1.只有一层弹框时:

    window.parent.location.reload(); //父级页面重载
    var index = parent.layer.getFrameIndex(window.name); //获取父级页面layer弹框的索引
    parent.layer.close(index); //关闭弹框
    

    2.两层弹框时,刷新第一层弹框:

    //获取父级frame的id要按实际情况来定,可在控制台中找到其父页面frame框的id,通过对父级frame的src重定向,进行页面的强制刷新
    var parentFrameSrc = parent.parent.$('#layui-layer-iframe1').attr('src');  //获取src路径
    var index  = parent.layer.getFrameIndex(window.name); //获取第二层弹框的索引
    parent.parent.$('#layui-layer-iframe1').attr("src", "parentFrameSrc"); //重新对src进行赋值,对第一层弹框进行刷新
    parent.layer.close(index);// 关闭第二层弹框
    
    • 所有取值操作要根据控制台反应的真实节点数据进行对应操作,以上属于本人在开发过程中遇到的问题,并进行整理说明,希望能对遇到同样问题的同仁有所帮助。
    展开全文
  • function close(status){ if(status=="yes"){ ...//刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); } var index = parent.layer.get
    function close_noor9(status){
          if(status=="yes"){
                window.parent.location.reload();//刷新父页面
                var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                parent.layer.close(index);
          }
          var index = parent.layer.getFrameIndex(window.name); //获取窗口索
          parent.layer.close(index);
    }
    

    使用的时候,新建一个工具js,引入后,直接调用close_noor9()方法,传递一个"yes"即可,建议命名个性一点,避免重复

    展开全文
  • 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值。

    展开全文
  • layui子页面数据改变刷新父页面

    千次阅读 2019-04-15 20:11:15
    如下图:点击父页面按钮,弹出框,在弹出框内输入完信息后,父页面内的数据需要主动刷新下; 这里需要注意,由于使用框架本身的form监听提交事件,所以在提交成功后子页面会默认刷新下。导致用户体验很不好; ...
  • Layui关闭弹层并刷新父页面表格

    万次阅读 2019-03-09 21:41:48
      最近一直使用TP5+Layui的组合,许多地方都要使用到关闭弹层然后刷新父页面表格的功能。   代码如下: //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); //再执行关闭 ...
  • 原始layui 如果写在同一页面中   关闭指定弹窗 layer.close(弹窗id); 关闭全部 弹窗 layer.closeAll(); 无论有几级弹窗都会关闭 刷新 指定控件 layui.table.reload('materielReload'); 注意:'也是id'    ...
  • //刷新页面--调用上方的重载 } } }); } //子页面提交 //监听提交 form.on('submit(submit_form)', function (data) { layer.msg('正在保存数据。'); $.ajax({ type: "POST",//方法类型 dataType: "json",//预期...
  • //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); //刷新 parent.location.reload(); //再执行关闭 parent.layer.close(index);
  • layer.open({ type: 2 //此处以iframe举例 , title: '名师列表' , area: ['800px', '600px'] , shade: 0 , maxmin: true , offset: 'auto'//显示坐标-auto居中 , content:
  • 1、在父页面定义一个变量来判断是否需要刷新 var reload_flag = 0; 2、在子页面中修改该变量的值 parent.reload_flag = 1; 3、在父页面的弹出层关闭时通过该变量的值判断是滞需要刷新,使用layer.open的end事件 ...
  • layui关闭弹层并刷新父页面表格

    千次阅读 2019-06-03 17:11:34
    //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); //再执行关闭 parent.layer.close(index);...parent.layui.table.reload('vehicleAlertInfoTableReload',{page:{curr:1}}); ...
  • //关闭当前页面 并刷新父页面 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index) window.parent.location.reload(...
  • //在弹窗内的网页内写 window.parent.location.reload();//刷新父页面 parent.layer.closeAll(); //关闭弹窗
  • layui关闭弹出层并刷新父页面

    千次阅读 2020-03-17 20:17:58
    今天工作有个需求layui弹出框的表单提交后,关闭当前的弹出框,并且刷新父iframe页面。在网上找了许多资料才找到,记录一下: $.ajax({ async: false, type: "POST", url:'', headers: { ...
  • 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:...
  • ajax 提交 解决 layui 先提示信息 关掉子页面 再刷新父页面的方法 ajax请求成功后,然后弹窗提示用户,接着刷新页面。 结果弹窗一闪而逝,页面就刷新了,提示的信息用户都来不及看到。 错误写法: layer.msg...
  • function close(status){ if(status=="yes"){ window.parent.location.reload();//刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.lay...
  • var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layui.table.reload('test-table-toolbar'); parent.layer.close(index...layui返回父级页面刷新父级页面表格(单页刷新
  • 首先我们双击行数据父页面打开一个/reconciliation/queryAllInfo子页面窗口 layui.use(['table', 'admin', 'ax'], function () { var $ = layui.$; var table = layui.table; var $ax = layui.ax; var admin = ...
  • Layui弹出层自动关闭并刷新父页面

    千次阅读 2019-08-25 10:30:27
    //重新加载父页面表格(若这个不可以,请使用下一个) parent.layui.table.reload('stuAll');//重新加载父页面表格 table.reload("memberAll",location); //重新加载当前页面表格 parent.location.reload(); //...
  • layui怎么刷新当前页面

    千次阅读 2021-03-11 18:02:14
    刷新当前页: layer.msg(data.msg, {icon:1...关闭当前页,并刷新父页 layer.msg(data.msg, {icon:1,time:1000}, function(){ var index = parent.layer.getFrameIndex(window.name); //parent.location.reload(); //刷
  • layui 关闭弹窗,刷新父窗体页面

    千次阅读 2019-06-18 17:20:00
     当你在iframe页面关闭自身时 var index = parent.layer.getFrameIndex(window.name); // 先得到当前iframe层的索引 parent.layer.close(index); // 再执行关闭 关闭所有弹窗   layer.close...
  • layUI子页面向父页面传值

    万次阅读 2018-09-29 15:03:06
    今天遇到了一个问题,父子iframe传值问题,百度了很多,都没有解决子页面像父页面传值问题 如图所示: 父页面:   子页面: 点击附件就会进入子页面,这里面进行文件上传,需要将上传好的文件ID传回父页面...
  • 父页面: 在方法最后加上end方法,直接跳转后端或刷新就行 layer.open({ end: function () { navTab.reload(""); } }); 子页面: 在方法成功后的返回函数里比如ajax的success函数中加上 var index = parent....
  • 父页面: <button class="layui-btn" data-type="getCheckData"> <i class="layui-icon">&#xe61f;</i>修改 </button> 父页面js: getCheckData:function () { var checkStatus = table...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 903
精华内容 361
关键字:

layui刷新父页面