使用X-admin(Layui)前端框架,在打开新Tab页面内刷新其他Tab页面解决方案(表单数据多可以使用open弹框全屏)。

使用X-admin(Layui)前端框架,从数据列表页点击弹框(open)的添加页面,然后添加成功关闭弹框且刷新列表页,这种情况比较常见代码如下:

 // 获得frame索引
  var index = parent.layer.getFrameIndex(window.name);
 //关闭当前frame
  parent.layer.close(index);
 window.parent.location.reload();

如果是添加页面的字段很多,打开新的Tab页面的话,就不能使用以上代码,我的解决方案是代码如下:

//重新调用打开list页面,并且刷新。 
parent.xadmin.add_tab('列表','list.action',true);
//关闭当前tab页面 必须后关闭。
 xadmin.del_tab();

===分割线======以上方法会造成列表标签页会重复的情况===体验很不好=================

后来发现有个更好的解决方式,就表单页面的字段很多的情况下也是用open打开,设置open为弹出默认全屏。然后在提交成功之后在调用 parent.localtion.reload(),这样还可以保留列表页筛选条件并且刷新。

list页面:

layui原生写法:

//弹出即全屏  
var index = layer.open({
    type: 2,
    content: 'http://www.layui.com',
    area: ['300px', '195px'],
    maxmin: true
});
layer.full(index);

使用x-admin写法:

 xadmin.open('添加党员','url',null,null,true);

表单页提交成功:

 parent.location.reload();
 xadmin.del_tab();

 

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值