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 相关文章推荐
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
BootStrap的两种模态框方式
May 10 Javascript
详解JS数值Number类型
Feb 07 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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中执行系统命令的方法
2015/03/21 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
jquery自定义组件实例详解
2020/12/31 jQuery
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
2014年五一活动策划方案
2014/03/15 职场文书
意向书范文
2014/03/31 职场文书
保护环境建议书100字
2014/05/13 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
教师考核表个人总结
2015/02/12 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
务工证明怎么写
2015/06/18 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
实例讲解Python中sys.argv[]的用法
2021/06/03 Python