layer.open 关闭回调

layer.open({
    type : 1,
    title : "添加页面",
    area : [ '680px', '630px' ],
    offset : '20px',
    content : $("#dev_detail"),
    cancel : function() {
    	// 右上角 X 回调
    	setTimeout('window.location.reload()', 1);
    },
    end: function() { // close 关闭回调
    	setTimeout('window.location.reload()', 1);
    }
})

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: layer.open是Layui框架中常用的一个弹出层组件,常常用来弹出信息提示框、确认框、输入框等。当我们在使用layer.open弹出层时,有时需要获取用户操作后的返回值以进一步处理数据,这时就需要使用layer.open回调函数来取值。 在使用layer.open时,我们可以在配置属性中指定回调函数,如: ``` layer.open({ title: '提示', content: '你确定要注销吗?', yes: function(index, layero){ //用户点击确定后执行的回调函数 alert('您点击了确定按钮'); layer.close(index); //关闭弹出层 }, cancel: function(){ //用户点击取消后执行的回调函数 alert('您点击了取消按钮'); } }); ``` 其中yes属性指定了点击确定后执行的回调函数,可以在这个回调函数中取到layer.open的index值,该值即为当前弹出层的索引值,我们可以通过传递此值给其他函数来处理数据。例如: ``` layer.open({ title: '确认', content: '您确定要提交吗?', yes: function(index, layero){ $.ajax({ type: "POST", url: "submit.php", data: $('#form1').serialize(), success: function(data){ //提交成功后执行的回调函数 alert('提交成功'); layer.close(index); //关闭弹出层 updatePage(data); //更新页面数据 }, error: function(XMLHttpRequest, textStatus, errorThrown){ //提交失败后执行的回调函数 alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); } }); ``` 在这个例子中,我们在点击确定后通过ajax提交数据,成功或失败后分别执行不同的回调函数。如果提交成功,我们就可以通过updatePage函数来更新页面数据,这个函数需要传递一个参数,即提交后返回的数据。由于在回调函数中可以访问到layer.open的index值,我们就可以把这个值传递给updatePage函数来关闭弹出层。这样就可以方便地在layer.open回调函数中处理弹出层的返回值了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

讓丄帝愛伱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值