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 相关文章推荐
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
JavaScript this指向相关原理及实例解析
Jul 10 Javascript
js实现网页随机验证码
Oct 19 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
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
使用adodb lite解决问题
2006/12/31 PHP
php垃圾代码优化操作代码
2010/08/05 PHP
队列在编程中的实际应用(php)
2010/09/04 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
FCK调用方法..
2006/12/21 Javascript
做网页的一些技巧
2007/02/01 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
js获取form的方法
2015/05/06 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
Html5+jQuery+CSS制作相册小记录
2016/12/30 Javascript
js实现漫天星星效果
2017/01/19 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
2017/02/19 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
微信小程序wx.request实现后台数据交互功能分析
2017/11/25 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
Python基于回溯法解决01背包问题实例
2017/12/06 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python3从零开始搭建一个语音对话机器人的实现
2019/08/23 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
Python如何急速下载第三方库详解
2020/11/02 Python
linux面试题参考答案(3)
2012/09/13 面试题
工会趣味活动方案
2014/08/18 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
中学校园广播稿
2015/08/18 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
处理canvas绘制图片模糊问题
2022/05/11 Javascript