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 相关文章推荐
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
详解React中setState回调函数
Jun 14 Javascript
vue-router+nginx 非根路径配置方法
Jun 30 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
详解PHP swoole process的使用方法
2017/08/26 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
jQuery 版本的文本输入框检查器Input Check
2009/07/09 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Python批量修改文本文件内容的方法
2016/04/29 Python
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
python进程池实现的多进程文件夹copy器完整示例
2019/11/27 Python
初探CSS3中的calc()功能
2015/07/14 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
八年级英语教学反思
2014/01/09 职场文书
护士辞职信模板
2014/01/20 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
个人贷款收入证明
2014/10/26 职场文书
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers