layui 弹出层值回传解决方式
如下所示:
layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType, btn: ['确定','关闭'], yes: function(index){ //当点击‘确定'按钮的时候,获取弹出层返回的值 var res = window["layui-layer-iframe" + index].callbackdata(); //打印返回的值,看是否有我们想返回的值。 console.log(res); //最后关闭弹出层 layer.close(index); }, cancel: function(){ //右上角关闭回调 } });
注意:
var res = window["layui-layer-iframe" + index].callbackdata();
这行代码中‘callbackdata'是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。
弹出层添加这个:
<script> var callbackdata = function () { var data = { username: 'zhangfj' }; return data; } </script>
上面的代码就是弹出层里面的JavaScript代码,里面定义了函数'callbackdata' 用来返回值给调用弹出层的页面。
这篇layui 弹出层值回传解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layui 弹出层回调获取弹出层数据的例子
如下所示: // 弹出楼栋负责人信息页面 layer.open({ type: 2, title:'请选择楼栋负责人', maxmin: false, area: ['60%', '80%'], offset: '0px', content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject, btn: ['确定','关闭'], yes: function(index){ //当点击'确定'按钮的时候,获取弹出
-
layui 弹出层值回传解决方式
如下所示: layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType, btn: ['确定','关闭'], yes: function(index){ //当点击'确定'按钮的时候,获
-
关于layui 弹出层一闪而过就消失的解决方法
听说是因为 JQuery 的版本冲突问题,在找到具体问题之前,先在代码里加一个 return false 解决问题: <button class="layui-btn" lay-submit lay-filter="test" οnclick="return false;">立即提交</button> js: //监听提交 form.on('submit(test)', function(data) { console.l
-
解决layui弹出层layer的area过大被遮挡的问题
layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况. 如图: 弹出窗口比当前页面大,这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作. layui 为我们提供了 layer.style(); 方法来重新跳整窗口的大小 , 然后我们只需要写一个函数,得到当前document的宽度和高度, 判断弹出框是否大于document来调整窗口大小 <!DOCTYPE html> <html lang=&qu
-
layui弹出层效果实现代码
本文实例为大家分享了layui弹出层的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>弹出层</title> <link rel="stylesheet" href="layui/css/layui.css" media="all"> &
-
关于jquery layui弹出层的使用方法
Jquery必须大于1.83 layui必须是all,否则不显示 <script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script> html代码 <input id="about" type="button" value="修改考勤&quo
-
Layui弹出层 加载 做编辑页面的方法
layui是一款优秀的模块化前端框架.利用layui弹出层做编辑页面 先上效果图 基本准备,引入layui的layui.css,layui.js文件 <link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" rel="external nofollow" media="all"> <script src="..
-
layui弹出层按钮提交iframe表单的方法
如下所示: layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'], yes: function(index, layero){ var inputForm = $(window.frames["layui-layer-iframe" + index].document).contents().find(&quo
-
js鼠标滑过弹出层的定位IE6bug解决办法
大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的代码给大家提供了一种此类问题的解决办法,原理如下:用Jquery给弹出层的z轴依次增加高度.代码很简单,效果很显著,吼吼! 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q
-
在layui中layer弹出层点击事件无效的解决方法
1.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事 件的 2.而(document).on("click","指定的元素",function()); 方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:(document).on("click","指定的元素",function()); 方法则是将指定的事件绑定在document上,而新产生的元
随机推荐
- Java日期时间以及日期相互转换
- Vue.js动态添加、删除选题的实例代码
- iOS开发之手势识别实例
- js实现精确到秒的倒计时效果
- React快速入门教程
- CodeIgniter表单验证方法实例详解
- C#使用MailAddress类发送html格式邮件的实例代码
- JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
- 爆笑 四大银行高招 看了必笑
- 显示器启动黑屏的逐步检查方法
- 海量数据库的查询优化及分页算法方案集合2/2
- jQuery zclip插件实现跨浏览器复制功能
- 文件上传的几个示例分享【推荐】
- js字符限制(字符截取) 一个中文汉字算两个字符
- DEDE最简方式教你缩短软件列表的方法
- 基于HttpClient在HTTP协议接口测试中的使用(详解)
- Android九宫格程序设计代码
- C#实现的字符串相似度对比类
- Android组件之间交互核心Intent用法分析
- 用Axios Element实现全局的请求loading的方法