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 相关文章推荐
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
jQuery随便控制任意div隐藏的方法
Jun 28 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
BootstrapValidator不触发校验的实现代码
Sep 28 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 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中调用JAVA
2006/10/09 PHP
福利彩票幸运号码自动生成器
2006/10/09 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
php实现的验证码文件类实例
2015/06/18 PHP
nicejforms——美化表单不用愁
2007/02/20 Javascript
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
jquery 笔记 事件
2011/11/02 Javascript
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
js和php如何获取当前url的内容
2013/09/22 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
python实现电脑自动关机
2018/06/20 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
给排水专业应届生求职信
2013/10/12 职场文书
自我评价优秀范文分享
2013/11/30 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
座谈会主持词
2014/03/20 职场文书
好好学习保证书
2015/02/26 职场文书
个人简历求职信范文
2015/03/20 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
宝宝满月祝酒词
2015/08/10 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript