layUI的layer.open的content怎么传值

2026-09-07

使用layer.open时content属性传值记录

最近在做一个后台项目,正好碰上了要使用layer.open,就顺手记录一下,方便以后遇到了有个参考 - 2016/11/7 layer 这个是一个web弹层组件,挺好用的...然后项目框架是SSM... layer.open主要是用来弹出来一个iframe弹窗,然后用来展示数据也行,用来修改也行,这次记录的主要是展示,展示我想要展示的数据,我需要的页面... layer.open({ type: 1, title: '账户信息详情', shadeClose: true, shade: false

layui与layer同时引入冲突的问题

之前在项目中只有用layer,但是后来有用到了layui,结果发现同时引入这两个东东会出现冲突的问题导致代码运行不正常后来网上找到了解决办法: 学习源头:http://fly.layui.com/jie/10143/ 官方文档:http://fuxiao.io/practice/docs/#/layui/layer/quickstart?id=layui-%e6%a8%a1%e5%9d%97%e5%8c%96%e4%bd%bf%e7%94%a8-%e8%a7%84%e8%8c%83%e5%

【前端】使用layui、layer父子frame传值

前提: 半前后台分离,前后台都是使用JSON格式的数据进行交互.[化外音,这里我说半分离,是因为使用了themleaf模板进行路由.] 业务说明: 前端通用的逻辑是:列表展示数据,点击事件弹出frame进行添加编辑操作.在这里借助vue2.x加layer来进行弹出操作. 流程分析: 拿编辑一行数据来举例,两种方向: ①将ID传入弹出层,弹出层自己去请求数据. ②父页面请求数据,将完整数据传入子页面. 选择使用第二种方式.如何传值.layer为我们提供了强大的技术支撑. // 获取模板信息 AXI

layui之layer打开table后分页无效的解决方法

1.原代码: <body> <div id="showalladdableavms" style="display: none;width:100%"> <table id="demo" lay-filter="test"></table> </div> --> </body> <script> filldata(table,"

layui 弹窗的iframe 父子界面相互传值

1.父界面向子界面传值 [1].父界面打开子界面: function show_layer(){ layer.open({ type: 2, area: [w+'px', h +'px'], fix: false, //不固定 maxmin: true, shadeClose: true, shade:0.4, title: title, content: url, //url 为子布局的url路径 success:function (layero,index) { var iframe = w

layui(二)——layer组件常见用法总结

layer是layui的代表作,功能十分强大,为方便以后快速配置这里对其常见用法做了简单总结一.常用调用方式 //1.普通消息:alert(content,[options],[yesCallBack]) layer.alert('hello', { icon: 1 }, function (index) { console.log('点击确定按钮,执行这里')//点击弹窗的确定按钮,执行回调 }) //2.询问:confirm(content,[options],[yesCallBack])

layer子窗口与父窗口传值

layer作为优秀的jquery框架,可以用作弹出组件.日历.分页等,而且实现简单,只有几十k的大小. 此处给出弹出窗口时子窗口与父窗口的传值.js和css这里不展示引入(以下给出目录结构的图片),仅仅给出我测试的代码: 1 . index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document&

layui的layer.open()方法查看缩略图原图缩放

写在前面需求是页面上的图片缩略图, 鼠标悬浮时显示原图片, 并按比例缩放. 操作步骤官方文档点击跳转关键属性 1. type: 设置type=1, 以页面的形式展示图片 2. content: 设置content即页面中的内容 3. offset: 设置页面(图片)的展示坐标 4. area: 设置展示区域宽高 auto-自适应看到这里, 可以联想到将type设置为1-页面, content设置成<img>标签然后把图片src传进来就可以展示图片了. 接下来是设置图片显示的坐标(o

layer.open中content里面的元素追加click事件，触发不了

[注意] 事件要追加在触发弹出事件的点击事件里面 $('#feedback').click(function(){ layer.open({ content:'<div><div class="feedback-title"><div class="btn-close"><img src="/style/newreport3/img/close.svg"></div><div cl

layer弹层content写错导致div复制了一次，导致id失效 $().val() 获取不到dispaly:none div里表单的值

错误之源: $("a.consult").click(function () { lib_consult_html = $('#consult-html').html(); /*复制了一份div*/ layer.open({ type: 1, title: false, closeBtn: 0, shadeClose: true,

JS中通过LayUI的layer.prompt弹出文本输入层，多个按钮回调获取输入值

JS中通过LayUI弹出文本输入层,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现: 实现JS: layer.prompt({ formType: 2, // 弹出文本层类型 title: '请输入值', // 标题 value:'', // 可以设置文本默认值 area: ['500px', '150px'], // 设置弹出层大小 btn: ['通过', '不通过','取消'], // 自定义设置多个按钮 btn2: function(index, elem

Layer弹层（父子传值，兄弟传值）

需求:最外面列表界面点修改弹出LayerA界面,再点击LayerA界面中的选择地图坐标按钮弹出LayerB地图界面这个过程涉及到的: 1:LayerA将坐标传给LayerB,LayerB在地图上显示坐标. 2:LayerB选完坐标点击确定后,地图关闭,LayerB将坐标传回LayerA 列表界面点击修改按钮弹出LayerA界面 LayerB界面点击弹出地图事件 LayerB地图界面点击确定传值给LayerA 1:LayerA与LayerB是什么关系? 兄弟关系,如果是父子关系,子的页面会嵌套在

【layui】layer.photos 相册层动态生成Img 中出现的问题的解决方案

layui版本:2.5.5 参照文档:https://www.jianshu.com/p/c594811fa882 他的3.8的解决方案有一些调整因为发现他的解决方式有些繁琐而最新的2.5.5版本中有了对应的循环,于是我对layer.js进行了一个简单的调整就解决了该问

layui关闭layer.open打开的页面

var index = parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index);

layui的layer独立版报错“TypeError: i is not a function”的解决

折腾良久发现是引入jQuery顺序的问题. jQuery必须在layer引入之前引入.

layui的layer.msg，form提交

layer.msg('提示文字',{shift:1,time:2000},function(){ location.reload();});其中shift是提示框的动画样式,-1为无动画form.on('submit(*)',function());

layui 或者layer 父页面获取子页面数据或者子页面获取父页面操作方法

var frameId = $(layero).find("iframe").attr('id');//父页面获取子页面的iframe var id = $(window.frames[frameId].document).find("#typecoupon").val();父页面获取子页面指定的id数据 $(window.parent.document).find("#age").val(age);子页面的数据赋值给父页面指定的id

在layui layer 弹出层中加载 layui table

layui.use('table', function(){ var table = layui.table; layer.open({ type : 1, area : [ "600px", '430px' ], title : "选择模板", maxmin : false, content : '<div><table id="templateTable"></table></div>', su

layui.layer独立组件--解释

网站文档-链接:http://www.layui.com/doc/modules/layer.html layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 使用场景: 由于layer可以独立使用,也可以

layui layer 弹框

layer 这个是一个web弹层组件,挺好用的...然后项目框架是SSM... layer.open主要是用来弹出来一个iframe弹窗,然后用来展示数据也行,用来修改也行,这次记录的主要是展示,展示我想要展示的数据,我需要的页面... layer.open({ type: 1, title: '账户信息详情', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['893px', '600px'], content

layUI的layer.open的content怎么传值

热门专题