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 相关文章推荐
基于json的jquery地区联动效果代码
Jul 06 Javascript
javascript制作loading动画效果 loading效果
Jan 14 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 Javascript
JavaScript门道之标准库
May 26 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
vue文件运行的方法教学
Feb 12 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
浅谈 JavaScript 沙箱Sandbox
Nov 02 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之第七天
2006/10/09 PHP
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
asm.js使用示例代码
2013/11/28 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
python编程实现归并排序
2017/04/14 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
Python可迭代对象操作示例
2019/05/07 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
python中time、datetime模块的使用
2020/12/14 Python
CSS3 边框效果
2019/11/04 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
毕业生个人求职的自我评价
2013/10/28 职场文书
护士毕业生自荐信
2014/02/07 职场文书
小学校长开学致辞
2015/07/29 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
《打电话》教学反思
2016/02/22 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python