layui关闭弹窗后刷新主页面和当前更改项的例子

2024-10-29 14:46:35

如下所示：


function open(t){
    var id = $(t).attr("data-id");
    var url = "{:U('home/.../...')}&id="+id;
    //弹出层
    layer.open({
      ...
      content: url, //弹窗打开的url
      end:function(){
      	location.reload();//弹出层结束后，刷新主页面
      }
      ...
    });
  }

关闭弹窗后，只刷新当前更改的那一项。（关闭弹窗后重新再获取新数据出来去更改那一项，而不是整个主页面）

end:function () {
     console.dir(id)
     $.post('{:U("api/goods/ajax_goods")}',{'id':id},function(data){
       if(data.success){
//         console.dir(data)
//         layer.msg("设置成功");
         var na = $(t).parent().parent().parent().parent().find("td[data-field='img']").children().html('<div style="height:50px;width:50px;overflow:hidden;cursor:pointer;" οnclick="show_img(this)">\n' +
           '\t\t\t\t\t  < img style="height:100%;width:100%;" src="'+data[0].img+'" src1="'+data[0].img1+'" src2="'+data[0].img2+'" />\n' +
           '\t\t\t\t\t </div>');
       }else{
         layer.msg("设置失败");
       }
     });

//console.log(na)
   },

以上这篇layui关闭弹窗后刷新主页面和当前更改项的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

layer实现关闭弹出层刷新父界面功能详解

本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 最近一个项目采用的是hui前端框架,他的弹出层就是用的layer插件,对于弹出层,有一个操作体验大家都知道,就是关闭弹出层,需要刷新父页面.开始写的时候,我陷入了自己的误区,在弹出层处理成功之后,我调用的是: var index = parent.layer.getF
LayerClose弹窗关闭刷新方法

//LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var index = layer.index layer.close(index); break; case "FrameIndex": var index
使用layer弹窗和layui表单实现新增功能

1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 <div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layu
layui关闭弹窗后刷新主页面和当前更改项的例子

如下所示: function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url, //弹窗打开的url end:function(){ location.reload();//弹出层结束后,刷新主页面 } ... }); } 关闭弹窗后,只刷新当前更改的那一项.(关闭弹窗后重新
vue如何实现关闭对话框后刷新列表

目录关闭对话框后刷新列表父窗口代码子窗口代码关闭打开的窗口后刷新父页面解决办法关闭对话框后刷新列表有些场景需要实现用户弹窗确定后自动刷新列表,父窗口绑定fevent即可父窗口代码 <template> <div> <el-button @click="$refs.editform.dialogFormVisible = true" >编辑用户</el-button> <editform @fevent
layui checkbox默认选中,获取选中值,清空所有选中项的例子

废话不多说,直接上代码吧: var arr = res.data; var myCheckbox = $("input[name='MenuArr']"); myCheckbox.prop('checked', false); //切换下拉选项时,清空所有选中状态 form.render('checkbox');//记得每次操作后要渲染该元素 for (var j = 0; j < arr.length; j++) { //数据库返回的需要选中项的值,我这里只返回了value,有
在layui框架中select下拉框监听更改事件的例子

在select 加入红框中的代码(看不到红框的往右拖动一点) 事件监听select(这里面是上面图中红框内容可自定义) 以上这篇在layui框架中select下拉框监听更改事件的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
Vue中关闭弹窗组件时销毁并隐藏操作

背景:在dialog弹窗组件中执行mounted钩子,将数据初始化,等取消关闭弹窗后,发现mounted钩子不执行原因:在vue的生命周期中,在页面初始化的时候mounted只会执行一次,关闭弹窗页面并没有销毁,所以不会再次执行 <select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperienceGroup='showExperienceGroup' @closeCover="handleExper
vue 实现弹窗关闭后刷新效果

目录 vue弹窗关闭后刷新效果问题解决关闭或刷新vue文件弹出提示框 vue弹窗关闭后刷新效果问题列表点击进入详情时弹窗内容重新赋值,但是修改后未点击保存再打开同一个弹窗,数据是关闭前的样子. 解决在双击时间里定义一个时间戳,每次点击传过去的值,在弹窗watch里接收时间戳再赋值.关闭页面清空对象. 列表页: this.timestamp=new Date().getTime(); 弹窗详情页: props: {timestamp:Number} watch: { timest
layui 关闭open弹出框刷新table表格页面的方法

如下所示: 保存后刷新table表格源码 //弹出框 layer.open({ type: 2, shadeClose: true, shade: 0.3, maxmin: true, area: ['80%', '95%'], title: '', content: '', end: function() { //刷新页面, location.reload(); }, }); 效果图以上这篇layui 关闭open弹出框刷新table表格页面的方法就是小编分享给大家的全部内容了,希望能给
javascript关于open.window子页面执行完成后刷新父页面的问题分析

本文实例分析了javascript关于open.window子页面执行完成后刷新父页面的方法.分享给大家供大家参考.具体分析如下: 主页面: <input id="btnAdd" type="button" onclick="openWin();" value="添加" /> 在js中有如下代码: function openWin() { window.open('addInfo.jsp', '_blank', '
vue打开子组件弹窗都刷新功能的实现

vue如何一打开子组件弹窗都刷新? 在父页面中给子组件同时绑定:visible.sync和v-if :visible.sync="paramAddDialog" v-if="paramAddDialog" 整体代码: <el-dialog title="绑定其他更多的账户" width="1200px" align="center" :visible.sync="paramAddDialog
JS中showModalDialog关闭子窗口刷新主窗口用法详解

本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法.分享给大家供大家参考,具体如下: 网上找了好长时间大都是window.opener.location.reload(),等等都不是我想要的最后终于发现了一个想知道的就往下看看吧 showModalDialog和showModelessDialog 一.showModalDialog和showModelessDialog有什么不同? showModalDialog:被打开后就会始终保持输入焦点.除非对话框被关闭,否

layui关闭弹窗后刷新主页面和当前更改项的例子

相关推荐

随机推荐