精华内容
下载资源
问答
  • layui页面传值

    2021-06-05 10:59:54
    A页面跳转至B页面,用iframe传值之后,出现加载顺序的问题,表格加载完了,参数才传过去 把值放到url里传递之后,发现并不会出现延迟的问题,调用加载表格后台数据的时候是能得到参数值的 A页面代码: var i = ...

    A页面跳转至B页面,用iframe传值之后,出现加载顺序的问题,表格加载完了,参数才传过去
    把值放到url里传递之后,发现并不会出现延迟的问题,调用加载表格后台数据的时候是能得到参数值的
    A页面代码:

     var i = layer.open({
              title:'编辑字典选项',
              type:2,
              shade:0.2,
              maxmix:true,
              shadeClose:true,
              area:['100%','100%'],
              content:'/jumpDictData?dictType='+data.dictType,
              success:function(layero,i){
               /* var iframe = window['layui-layer-iframe'+i];
                iframe.chil(data,i);*/
              }
            });
            $(window).on("resize",function(){
              layer.full(index);
            });
            return  false;
          }
    

    B页面接收

    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
          return unescape(r[2]);
        }
        return null;
      }
     dictType = getQueryString("dictType");
    
    展开全文
  • 今天小编就为大家分享一篇layui type2 通过url给iframe子页面传值的例子,具有的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 页面传值

    千次阅读 2019-03-18 16:31:40
    iframe.child(data) 传值方法 父类 setTimeout(function() { layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', { tips: 3 }); }, 500) }, cancel: function(index,...
    /*修改方法*/
    function detail(data) {
    	console.log(data)
    	layer.open({
    		title: "修改景区",
    		type: 2,
    		area: ['40%', '65%'],
    		content: "../page/hotoffensive/hotOffensiveEdit.html",
    		success: function(layero, index) {
    			var iframe = window['layui-layer-iframe' + index];
    			iframe.child(data) 传值方法 父类
    			setTimeout(function() {
    				layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
    					tips: 3
    				});
    			}, 500)
    		},
    		cancel: function(index, layero) { //取消事件
    			parent.location.reload();
    		},
    	})
    
    }
    子类接收
    function child(data) {}

     

    展开全文
  • 使用parent.xadmin.add_tab()方法打开新的标签页重点是这个parent,折磨了我一下午...使用X-admin(Layui)前端框架,在打开新Tab页面内刷新其他Tab页面解决方案(表单数据多可以使用open弹框全屏)使用X-admin(Layui)前...

    使用parent.xadmin.add_tab()方法打开新的标签页

    重点是这个parent,折磨了我一下午,原来是没有搞清应该从父页面打开。最开始的xadmin.add_tab()是用在左边菜单上的,点击就会增加新的标签页,这个才是父页面。

    使用X-admin(Layui)前端框架,在打开新Tab页面内刷新其他Tab页面解决方案(表单数据多可以使用open弹框全屏)

    使用X-admin(Layui)前端框架,从数据列表页点击弹框(open)的添加页面,然后添加成功关闭弹框且刷新列表页,这种情况比较常见代码如下:

    // 获得frame索引

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

    //关闭当前frame

    parent.layer.close(index);

    window.parent.location.reload();

    如果是添加页面的字段很多,打开新的Tab页面的话,就不能使用以上代码,我的解决方案是代码如下:

    ————————————————

    版权声明:本文为CSDN博主「似水往昔浮流年 ♚」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

    原文链接:https://blog.csdn.net/qiaoshuai0920/article/details/103414005

    //重新调用打开list页面,并且刷新。

    parent.xadmin.add_tab('列表','list.action',true);

    //关闭当前tab页面 必须后关闭。

    xadmin.del_tab();

    前一个页面的检查语句可能会使后一个页面提交失败,并返回到前一页面

    这个bug隐藏地非常深,我一开始写了新增合同页面,通过“下一步”的按钮跳转到添加合同条款的页面,结果可以跳转,合同编号也传递正确了,但是条款信息提交时却又返回到了上一页面。

    因为某种机缘巧合而发现了原来是新增合同页面的form检查语句form.verify{}不让我提交……至于原因,可能是我把不该写的东西写在了form.verify{}里吧……改得太快,没注意具体原因。

    使用layui的layer.open打开页面并传入参数

    layui.use(['jquery','form','layer'], function(){

    var $ = layui.jquery,

    layer = layui.layer,

    form = layui.form;

    ///预览

    $('#preview').on('click',function() {

    var w = ($(window).width() * 0.7);

    var h = ($(window).height() - 50);

    layer.open({

    resize: false,

    title: '预览',

    shadeClose: true,

    area: [w + 'px', h + 'px'],

    type: 2,

    content: '/common/html/preview.html',

    success: function (layero, index) {

    var body = layer.getChildFrame('body', index);

    body.find('#content').append(editor.txt.html());

    }

    });

    });

    });

    使用layui的form进行ajax提交操作时必须return false防止表单跳转

    我的理解是如果不return false,传的参数会被页面自动刷新掉。

    Layui form表单提交注意事项

    最后return false防止页面刷(form表单提交后如果请求原来的页面尾后没有参数?id=之类的参数请求,可以不返回false)),

    http://localhost:8080/jump/jumpToPages?flag=5请求原页面大有参数,必须返回false,不然页面获取不到参数 报错

    // 表单提交

    form.on('submit(first1)', function (data) {

    var articleFrom = data.field;

    $.ajax({

    type:"POST",

    url:"/user/upDate",

    data:articleFrom,

    dataType:"JSON",

    success:function (data) {

    if(data.flag){

    layer.closeAll();

    }

    }

    });

    return false;

    });

    实现上一步与下一步

    Q:弹窗弹出一个表单,然后点击下一步的时候再弹出来一个表单 然后点击提交的时候再把所有内容都提交给后台,如何实现?

    A:你的弹出层里面可以放两个表单,先隐藏第二个表单,点击下一步的时候在隐藏第一个显示第二个,这中间可以layer.load几秒后再出现,再一起把表单提交。

    实在想用两次弹出层来实现也行,点击下一步的时候layer.getChildFrame('body', index)把第一个表单赋给一个变量,弹出第二个表单,同样获取表单值一起提交就行了。

    Q:在提交表单后,给出提交成功信息,然后怎么关闭当前表单页面,跳转到并刷新列表页面。怎么让新添加的数据显示在列表页面的首行。

    A:

    1.关闭页面

    如果你是使用 layui.open 打开的新页面可以参考 https://www.layui.com/doc/modules/layer.html#layer.close

    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

    parent.layer.close(index); //再执行关闭

    2.关闭当前页,刷新父页面

    window.parent.location.href = url (可以试试这个)

    3.至于添加的数据显示在最前面,这个需要后台去处理,按照新增时间倒序或者是排序号排序都可以的。

    展开全文
  • layui 跳转页面时的传参和取值问题

    千次阅读 2021-03-31 09:25:44
    layui 跳转页面时的传参和取值问题前言一、跳转页面1.弹框按钮2.调用弹框方法二、取值1.取值的方法2.调用方法总结 前言 layui 如何在当前页面点击按钮弹框,弹出的框内容为新页面,将值传到该页面中,并进行取值,...


    前言

    layui 如何在当前页面点击按钮弹框,弹出的框内容为新页面,将值传到该页面中,并进行取值,是本篇文章主要记录的问题。


    提示:以下是本篇文章正文内容,下面案例可供参考

    一、跳转页面

    点击弹框按钮,弹出新页面,用一下方法,layer.open即弹出一个窗口
    示例如下:

    1.弹框按钮

    <button class="layui-btn layui-btn-normal" id="eject"
    	type="button" lay-submit="" lay-filter="eject">弹框</button>
    

    2.调用弹框方法

    form.on('submit(eject)',function(){
    //我这里定义了一个参数id
       		var id="123456";
    		//跳转一个新的页面
    			layer.open({
    				type: 2,
    				area: ['85%', '80%'],
    				shadeClose: true,
    				shade: 0.8,
    				maxmin: true,
    				//这里进行页面的跳转,并在跳转时进行传参,传参方式用?拼接的方式
    				content: '${pageContext.request.contextPath}/jsp/demo/test.jsp?id='+id,
    				success: function(layero, index){
    
    				}
    			});
    		});
    	});
    

    二、取值

    1.取值的方法

    代码如下:

    /**
     * 获取query参数后面的属性
     * @param {String} name 需要获取的参数
     */
    
    var gtGetQueryString = function(name){
       var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
       var url = window.location.href
       var search = url.substring(url.lastIndexOf('?') + 1)
       var r = search.match(reg)
       if (r != null) return decodeURI(r[2])
       return null
       window.gtGetQueryString = gtGetQueryString;
    };
    

    取值时调用该方法即可。

    2.取值方法的第二种写法(与上述代码只是语法不同,效果一样都可用)

    可将其提成公共方法,将以下代码添加到js文件中,例如gt.js。这样需要取值时,只需要引入该js文件即可。

    /**
     * 获取query参数后面的属性
     * @param {String} name 需要获取的参数
     */
    (function() {
        const gtGetQueryString = (name) => {
            const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
            const url = window.location.href
            const search = url.substring(url.lastIndexOf('?') + 1)
            const r = search.match(reg)
            if (r != null) return decodeURI(r[2])
            return null
        }
        window.gtGetQueryString = gtGetQueryString;
    }());
    

    3.调用方法

    代码如下:

    //调用方法进行取值
    var id=gtGetQueryString("id");
    //打印值
    console.log(id);
    

    输出结果:
    打印结果


    总结

    以上就是今天要讲的内容,其中调用取值方法时,方法中传入的名称要和参数名一致,这样才能取到对应的值。
    展开全文
  • 第三步:在你父页面 中定义好你要跳转的子页面,比如我这里就是page/add这个页面 第四步:到你跳转到的这个页面中取你要的值,自己在父页面定义的是什么名称就用parent.变量名,比如我之前定义的myjson和vid,那么我...
  • JS部分 <script> var layer, form, laypage, index, newindex, laydate; var pageIndex = 1; var pageSize = 1;//页大小10 var total; //总条数 var SearchId = "0";... layui.use(['layer', 'f
  • 系统依旧处于登录状态没有跳转到登录页面,导致后端公钥已经改变,但前端依旧用的是旧的后端公钥,所有导致加解密失败;解决:在访问index首页时也获取一下后端公钥,这样在开发的时候idea热部署后刷新页面就可以了...
  • 实现功能:单击确定按钮将选中的id传到父页面并关闭当前子页面. 首先在父页面定义一个函数: //分配产品 function ChooseAdidValues(v) { if (v != "") { $('#txtmarry').val(v); } } 在子页面再写...
  • Layui 父子页面间传递参数

    千次阅读 2020-07-13 19:39:38
    layui页面向子页面或弹框参数的集中方法 Layui拥有各式各样的后端模板,对于一个需要快速开发的后端系统无疑是雪中送炭,最近听见有小伙伴在使用layui与angularJS作为前段框架的时候在页面传参数的时候遇到了问题,...
  • layui 打开新页面,并传入参数

    万次阅读 2019-07-09 15:25:27
    layui 打开新页面,并传入参数 使用的 wangEditor 富文本编辑器不带预览的功能, 所以自己实现了下功能; 思路是: 点击打开一个弹窗 or 新页面, 然后页面展示提交后前端页面看到的大概的样子。 涉及到需要把内容...
  • 我想从页面A往页面B跳转的时候,把变量m传过去,并在页面B执行方法f,参数为m查询列表并展示。目前参数m传过去了,但是是先调用的后台接口查询列表,此时变量m是空值,怎么样能先把这...
  • 如下所示: layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "/ElectronicFence/Map?... var res = window["layui-layer-iframe" +
  • layui弹窗传值

    2021-03-08 17:10:46
    layer.open({ title: "补打信息", type: 2, content: '../../baseConfig/component/PRINT.html?dataARR[]=data', //跳转连接 ... var iframe = window['layui-layer-iframe'+index]; .
  • 页面代码layer.open({title:'标题',type:2,skin:'layui-layer-rim',//加上边框area:[window.screen.width/2+'px',window.screen.height/2+'px'],//宽高maxmin:true,//开启最大化最小化按钮content:"taskDetail....
  • layer.open 如何窗口如何传值(layui)

    万次阅读 2019-08-01 16:03:49
    父级窗口传值到子窗口 var demo="input1" layer.open({ type: 2, title: '修改', shadeClose: false, //点击遮罩关闭 shade: 0.01, area: ['600px', '450px'], ...
  • layer给iframe页面传值

    千次阅读 2018-05-20 17:02:53
    页面给子页面传参;这个可以在url后拼接,比如test.html?a=1 2. 父页面获取子页面操作DOM说明:本文实现了第二种,我看到第一种方案的实现方法是在父页面中用正则表达式去搜索test.html?a=1 这样...
  • jQuery页面跳转传值

    2019-10-14 15:17:09
    表格页面 window.location.href=layui.setter.url +"/views/goodsAdd....跳转后的页面 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); var r = windo...
  • 关于layui页面向子页面或弹框参数的集中方法 Layui拥有各式各样的后端模板,对于一个需要快速开发的后端系统无疑是雪中送炭,最近听见有小伙伴在使用layui与angularJS作为前段框架的时候在页面传参数的时候遇到了...
  • https://www.cnblogs.com/crush-wyy/p/13236846.html
  • 异步传值前台往后台传值呢,有很多种方式,大家听我细细道来。第一种呢,也是最简单的一种,通过get提交方式,将参数在链接中以问号的形式进行传递。// 前台传值方法// 触发该方法调用ajaxfunction testAjax(your...
  • 关于layer模态框给新页面传值

    千次阅读 2018-06-05 10:17:32
    昨天用hui后台模板的时候用到模态框传值给另一个新页面模板是这么写的 没办法给新页面传值,于是百度了一下,总结function zhuyuan(title,url,id,w,h,type){ layer.open({ title:'添加分类', type: 2, area: ['...
  • Layui使用型为1的页面弹窗父子赋值方式–编辑页面传值 在学习layui的弹窗时,发现网上只有type为2(即iframer弹窗),但无法满足基本需求,通过不断尝试,实验出了type=1(即页面层的弹窗方式),特此记录 父页面js ...
  • 这里是在a页面向b页面的tab选项卡增加 想问一下,我现在的tab选项卡在父页面,里面嵌套了一个iframe子页面,我现在希望在子页面点击事件后父页面的选项卡增加一个,要怎么实现? layui.use(‘element’, function ()...
  • 1.在父类页面进行数据回显采用: var body = layui.layer.getChildFrame(‘body’, index); body.find("#mid").val(data.id); body.find(".twoSelect select").val(data.parentCode); layui....
  • 1.返回成功后的刷新页面 //edit页面刷新 if(saveResult.code == 200){ ... parent.layui.table.reload('listTable');//listTable列表页面的elem的id }, 1000); } //列表页面的删除刷新 if (data.code == 200) {
  • 基于Layui页面传参及获取参数

    千次阅读 2020-12-20 19:03:32
    预计实现效果通过点击编辑按钮,能够把该行数据显示在表格中table.html页面所属表格截取一行:edit.html页面:实现代码table.html关键代码,传递参数// 监听更新(编辑)操作table.on('tool(currentTableFilter)', ...
  • layui JS 中文乱码解决办法

    千次阅读 2020-12-08 22:14:39
    https://blog.csdn.net/fengqing5578/article/details/80648753 我一开始,也是网上找了很多办法, 相信我,把这里面的设置都设置一遍, 你会回来感谢我…
  • 弹出打开页面layer.open({type: 2,title: "添加用户",content: "../user/goAdd",area: ["460px", "450px"],btnAlign: "c",btn: ["确定", "取消"],yes: function(index, layero){var iframeWindow = window["layui-...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 215
精华内容 86
关键字:

layui页面跳转传值