layer.open回调获取弹出层参数的实现方法


Posted in Javascript onSeptember 10, 2019

如下所示:

layer.open({
  type : 2,
  title : '重命名',
  maxmin : true,
  shadeClose : true, // 点击遮罩关闭层
  area : [ '200px', '150px' ],
  content : getContext() + "/node/torenamenode?nodeName="+nodeName,
  btn: ['确定'],
  yes: function(index, layero){
   //do something/

/callbackdata是弹出层的方法,返回参数

var nodeName = window[" layui-layer-iframe" + index].callbackdata();
  $.ajax({
  type : "POST",
  url : getContext()
  + '/node/renamenode?nodeId='
  + nodeId + '&nodeName='
  + nodeName,
  dataType : 'json',
  cache : false,
  success : function(data) {
  $("#" + divId).find("a").text(nodeName);
  $("#" + divId).attr("title","节点名称:" + nodeName
   + "\n算法名称:"
   + $("#" + divId).attr("data-compname"));
  
  saveParam("", "");
  layer.msg('重命名成功!');
  //转到上传页面
  }
  });
  
  layer.close(index); //如果设定了yes回调,需进行手工关闭
   }
  });

弹出层获取父元素$(window.parent.document).find("#" + divid).find("a").text($("#nodeNames").val());

以上这篇layer.open回调获取弹出层参数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
运算符&&的三个不同层次
Apr 07 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
Vue响应式原理深入解析及注意事项
Dec 11 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 #Javascript
npm 语义版本控制详解
Sep 10 #Javascript
解决layui的input独占一行的问题
Sep 10 #Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 #Javascript
防止Layui form表单重复提交的实现方法
Sep 10 #Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 #Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 #Javascript
You might like
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
中文路径导致unitpngfix.js不正常的解决方法
2013/06/26 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
美国羊皮公司:Overland
2018/01/15 全球购物
优秀班集体获奖感言
2014/02/03 职场文书
高级编程求职信模板
2014/02/16 职场文书
中学生检讨书1000字
2014/10/28 职场文书
创业计划书之酒吧
2019/12/02 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript