layui弹框传值_layui弹窗内窗口之间怎样传参数

layui弹框传值_layui弹窗内窗口之间怎样传参数这次给大家带来 layui 弹窗内窗口之间怎样传参数 layui 弹窗内窗口之间传参数的注意事项有哪些 下面就是实战案例 一起来看一下 本文介绍了 layui 弹窗父子窗口之间传参数的方法 分享给大家 具体如下 1 父页面打开子页面并向子页面传参数 functionsetC ret varoView document getElementBy userName var

这次给大家带来layui弹窗内窗口之间怎样传参数,layui弹窗内窗口之间传参数的注意事项有哪些,下面就是实战案例,一起来看一下。

本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下:

1、父页面打开子页面并向子页面传参数function setChooseValues(ret){

var oView = document.getElementById(“userName”);

var oValue = document.getElementById(“userIds”);

var i = 0;

if( ret != null){

oValue.value=””;

oView.value=””;

oView.title=””;

for( x in ret){

i++;

oView.title=oView.title + ret[x].name+”,”;

oValue.value=oValue.value+ret[x].id+”,”;

oView.value = oView.value+ret[x].name+”\n”;

}

if(i==0){

oView.value=””;

}

}

}

function OpenFrame( oValue, oView) {

var dialogArgumentsA = new Array(oValue.value , spitToString(oView));

var url = “${rootPath}/page/system/roleallot/role_allot.jsp”;

layer.open({

type: 2,

skin: ‘layui-layer-lan’,

title: ‘选择人员’,

fix: false,

shadeClose: false,

maxmin: true,

id:’selectUser’,

move: false,

closeBtn:2,

//以下代码为打开窗口添加按钮

/* btn: [‘确定’, ‘取消’],

btnAlign: ‘c’,

yes: function(index, layero){

/* //layer.closeAll();//关闭所有弹出层

//var parentWin = layero.find(‘iframe’)[0];

var parentWin = layer.getChildFrame(‘body’, index);

alert(parentWin);

parentWin.contentWindow.doOk();

//layer.close(index);//这块是点击确定关闭这个弹出层

}, */

area: [‘750px’, ‘450px’],

content: url,

success: function(layero, index){

var body = layer.getChildFrame(‘body’, index);

var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();

var ids = dialogArgumentsA[0].split(“,”);

var names = dialogArgumentsA[1].split(“,”);

for (var i = 0; i < ids.length; i++ ) {

if (” != ids[i]) {

var option = $(“”).val(ids[i]).text(names[i]);

body.find(‘select’).append(option);

}

}

}

});

}

2、子页面向父页面传参数并关闭弹窗function newBuildReturnValue(selectName){

var ret = new Array();

$(“#”+selectName+” option”).each(function(){

//遍历所有option

var value = $(this).val(); //获取option值

var text = $(this).text();

if(text!=”){

var o = new Element(value, text, 0);

ret.push(o);

}

});

return ret;

}

//点击确定向子页面传参并关闭窗口

function doOk(){

var ret = newBuildReturnValue(“select”);

parent.setChooseValues(ret);

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

}

//点击取消关闭窗口

function doCancel(){

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228929.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午5:51
下一篇 2026年3月16日 下午5:52


相关推荐

  • Linux_Ubuntu查看磁盘空间

    Linux_Ubuntu查看磁盘空间我们可以用 df hl 命令来查看磁盘空间 参数解释 FilesystemSi Mountedon 文件系统容量已用可用已用 挂载点

    2026年3月17日
    1
  • int使用规则_single是什么数据类型

    int使用规则_single是什么数据类型先说结论吧,方便快速查询验证。总结区别int类型大小为8字节int8类型大小为1字节int16类型大小为2字节int32类型大小为4字节int64类型大小为8字节go语言中的int的大小是和操作系统位数相关的,如果是32位操作系统,int类型的大小就是4字节;如果是64位操作系统,int类型的大小就是8个字节取值范围int8:-128~127int16:-32768~32767int32:-2147483648~214

    2026年1月29日
    5
  • 绘制直线的光栅化算法

    绘制直线的光栅化算法原文链接直线在这里实际上是指线段 知道了线段的两个端点位置 要把这个线段显示在光栅化显示器上 就是直线光栅化的目标 由于图形学所有的渲染都是依靠无数线段的渲染来完成的 所以直线的光栅化算法的效率显得尤为重要 从这里开始在数学的观点来看线段是笔直的 没有宽度的 但是在显示器上由于像素呈现四边形 理论上无法完全模拟线段的本来面目 所以只能用近似的方法来让它 看起来 是一条线段 这就是直

    2026年3月26日
    2
  • NO6_no6625

    NO6_no66251、自建yum仓库,分别为网络源和本地源2、编译安装http2.4,实现可以正常访问,并将编译步骤和结果提交。3、创建一个2G的文件系统,块大小为2048byte,预留1%可用空间,文件系统ext4,卷标为TEST,要求此分区开机后自动挂载至/test目录,且默认有acl挂载选项4、创建一个至少有两个PV组成的大小为20G的名为testvg的VG;要求PE大小为16MB,而后在卷组中创建大小为5G的逻辑卷testlv;挂载至/users目录…

    2025年8月15日
    7
  • 极大似然估计求解多项式分布参数

    极大似然估计求解多项式分布参数原因今天晚上 老师在看 LDA 数学八卦的时候 问我一个问题 如下图所示 这个多项式分布的参数 采用极大估计是怎么求的呢 当时想了想还真不知道 于是在网上找了资料 学习了一下 特此记录 公式推导很多情况下 假定一个变量 XX 有 kk 个状态 其中 k gt 2k gt 2 每个状态假定的可能性为 p1 p2 pkp 1 p 2 cdots p k 且 ki 1pi 1 sum i 1

    2026年3月18日
    2
  • 手把手教你移植bluez 5.47蓝牙协议栈

    手把手教你移植bluez 5.47蓝牙协议栈目录背景编译 bluez1 glib 的编译 1 1 编译 zlib1 2 编译 libffi1 3 编译 glib2 DBUS 编译 2 1 编译 expat2 2 编译 DBUS3 readline 的编译 3 1 编译 ncurses3 2 编译 readline4 libical 编译 5 bluez 的编译 5 1 copy 所有依赖库的 pkg 文件到一个公共的路径并

    2026年3月17日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号