精华内容
下载资源
问答
  • arrNavtab.title = "新窗口标题名称"; arrNavtab.href = "跳转页面的地址"; arrNavtab.icon = ""; parent.navtab.refresh("新窗口标题名称", "rid"); //上面这个id设置后 会执行页面里对应这.
    var getTabId = parent.navtab.getCurrentTabId();
    setTimeout(function () {
        var arrNavtab = {};
        arrNavtab.title = "新窗口标题名称";
        arrNavtab.href = "跳转页面的地址";
        arrNavtab.icon = "";
        parent.navtab.refresh("新窗口标题名称", "rid");
    
    //上面这个id设置后 会执行新页面里对应这个id标签的click()事件  
     //新页面有这个按钮  相当于点击这个按钮 <button id="rid">查询</button>
       //新页面有这方法就会执行 $("#rid").click(function () {
          //          alert('跳过来就会弹');
              //  })
    
    
        parent.navtab.tabAdd(arrNavtab);
        parent.navtab.deleteTab(getTabId);
    }, 1000)
    

     

    展开全文
  • div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-header">这是一个FORM表单新增页面</div> <div class="layui-card-body" style="padding: 15px;">

    需求

    FORM表单新增页面,提交成功后,自动跳转到list页面

    //带参数跳转
    top.layui.index.openTabsPage('{:Url("admin/AutoComparedBill/showList")}?page=1&limit=10&id=' + data.id, '自动化对账');
    
    

    新增页面

    就是一个简单的表单提交

    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header">这是一个FORM表单新增页面</div>
            <div class="layui-card-body" style="padding: 15px;">
                <form class="layui-form" action="" lay-filter="component-form-group">
                    <!--模板基础信息 面板-->
                    <div class="layui-card">
                        <div class="layui-card-header layui-card-header-child">基础信息</div>
                        <div class="layui-card-body">
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">调账单编号:</label>
                                    <div class="layui-input-block">
                                        <input  value="(系统自动生成)" autocomplete="off" class="layui-input" type="text" disabled>
                                    </div>
                                </div>
                            </div>
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">调账单名称:</label>
                                    <div class="layui-input-block">
                                        <input name="billAdjustName" autocomplete="off" class="layui-input" type="text" placeholder="请输入" lay-verify="required">
                                    </div>
                                </div>
                            </div>
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">调账类别:</label>
                                    <div class="layui-input-block">
                                        <select name="billAdjustType" lay-verify="required">
                                            <option value="">请选择</option>
                                            {volist name="bill_type" id="vo"}
                                            <option value="{$vo.id}">{$vo.name}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">调账台账:</label>
                                    <div class="layui-input-block">
                                        <select name="billTotalId"  lay-filter="billTotalId" id="billTotalId" lay-verify="required" lay-search>
                                            <option value="">请选择</option>
                                            {volist name="bill_list" id="bill_list"}
                                            <option value="{$bill_list.id}" >{$bill_list.billCode}({$bill_list.billName})</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">运营商:</label>
                                    <div class="layui-input-block">
                                        <select name="operatorName" id="operatorName" disabled>
                                            <option value="">请选择</option>
                                            {volist name="operator_list" id="operator_list"}
                                            <option value="{$operator_list.operatorName}">{$operator_list.operatorName}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline">所属地:</label>
                                    <div class="layui-input-block">
                                        <select name="operatorCity" id="operatorCity" disabled>
                                            <option value="">请选择</option>
                                            {volist name="operator_area_list" id="operator_area_list"}
                                            <option value="{$operator_area_list.operatorCity}" >{$operator_area_list.operatorCity}</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div style="clear: both"></div>
                        </div>
                    </div>
                    <!--模板内容 面板-->
                    <div class="layui-card">
                        <div class="layui-card-header layui-card-header-child">佣金调整</div>
                        <div class="layui-card-body">
    
                            <div class="layui-col-sm12 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label input-label-inline" style="width: 124px">本月佣金总收入(元)</label>
                                    <div class="layui-input-block" style="margin-left: 130px;">
                                        <input name="adjustCommission" autocomplete="off" class="layui-input" type="text" lay-verify="required">
                                    </div>
                                </div>
                            </div>
                            <div style="clear: both"></div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-layout-admin">
                        <div class="layui-input-block">
                            <div class="layui-footer" style="left: 0;">
                                <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">启动调账</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <style>
        .layui-card>.layui-card-header-child{
            background-color:#f2f2f2;
            font-weight: bold;
        }
        .layui-form>.layui-card{
            border: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0;
        }
        .input-label-inline{
            padding: 9px 0;
            width: 98px;
        }
        .required-verify-label>span{
            color: #ff0000;
        }
        .field-flex>div{
            padding:0 150px
        }
    </style>
    <script src="__STATIC__/layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '__STATIC__/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'laydate'], function () {
            var $ = layui.$,
                admin = layui.admin,
                element = layui.element,
                layer = layui.layer,
                laydate = layui.laydate,
                form = layui.form;
    
            form.render(null, 'component-form-group');
    
            form.on('select(billTotalId)', function(data){
                //data.value 得到被选中的值
                $.post('{:Url("getoperatorInfo")}'
                    ,{ id: data.value }
                    ,function(data){
                        $("#operatorCity").val(data.operatorCity);
                        $("#operatorName").val(data.operatorName);
                        form.render("select");
                    });
    
            });
    
            /* 监听提交 */
            form.on('submit(component-form-demo1)', function (data) {
                layer.close();
                layer.load(0,{shade: [0.7, '#393D49']}, {shadeClose: true});
                $.ajax({
                    'url':'{:Url("addBill")}',
                    'data':data.field,
                    'success':function(data){
                        if (data.status === 0) {
                            parent.layer.msg('成功');
                            //提交成功后,自动跳转页面
                            top.layui.index.openTabsPage('{:Url("admin/DebugBillMeau/showList")}', '调账单');
                            location.reload()
                        } else {
                            parent.layer.msg('失败');
                            layer.closeAll();
                        }
                    },
                    'dataType':'json',//返回的格式
                    'type':'post',//发送的格式
                });
                return false;
            });
    
        });
    </script>
    

    解析:

    //格式
    top.layui.index.openTabsPage(url, title);
    实例:
    top.layui.index.openTabsPage('{:Url("admin/DebugBillMeau/showList")}', '调账单');
    

    效果:
    在这里插入图片描述

    展开全文
  • layui 打开新页面,并传入参数

    万次阅读 2019-07-09 15:25:27
    layui 打开新页面,并传入参数 使用的 wangEditor 富文本编辑器不带预览的功能, 所以自己实现了下功能; 思路是: 点击打开一个弹窗 or 页面, 然后页面展示提交后前端页面看到的大概的样子。 涉及到需要把内容...

    layui 打开新页面,并传入参数

    使用的 wangEditor 富文本编辑器不带预览的功能,
    所以自己实现了下功能;
    思路是:
    点击打开一个弹窗 or 新页面,
    然后页面展示提交后前端页面看到的大概的样子。
    涉及到需要把内容传递到打开的 iframe 页面内,
    刚好可以利用 layui 携带传参的一个特点。

    效果预览:

    layui 打开新页面,并传入参数
    layui 打开新页面,并传入参数

    具体代码实现为:

    • 创建一个 preview.html 预览页面,css 样式来自 wangEditor 官方文档给出的
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>预览内容</title>
        <style>
            /* table 样式 */
            table {
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
            }
            table td,
            table th {
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
                padding: 3px 5px;
            }
            table th {
                border-bottom: 2px solid #ccc;
                text-align: center;
            }
    
            /* blockquote 样式 */
            blockquote {
                display: block;
                border-left: 8px solid #d0e5f2;
                padding: 5px 10px;
                margin: 10px 0;
                line-height: 1.4;
                font-size: 100%;
                background-color: #f1f1f1;
            }
    
            /* code 样式 */
            code {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                background-color: #f1f1f1;
                border-radius: 3px;
                padding: 3px 5px;
                margin: 0 3px;
            }
            pre code {
                display: block;
            }
    
            /* ul ol 样式 */
            ul, ol {
                margin: 10px 0 10px 20px;
            }
    
        </style>
    </head>
    <body>
    
    <div id="content"></div>
    
    </body>
    </html>
    
    • 点击事件代码:
    <script>
        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());
                    }
                });
            });
            
        });
    
    </script>
    
    展开全文
  • 打开新窗口并传送参数
  • layui页面打开

    万次阅读 热门讨论 2019-01-10 13:54:36
    cols: [[ //表头 {field: '', title: '操作',toolbar: '#barDemo'} ]] <script type="text/... <a class="layui-btn layui-btn-xs" id="jump" lay-event="detail" title-data="{{d...
    cols: [[ //表头
    		  {field: '', title: '操作',toolbar: '#barDemo'}
    		]]
    
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-xs" id="jump" lay-event="detail" title-data="{{d.title}}" onclick="set_show({{d.id}},this)">查看</a>
    </script>
    //parent.layui.index.openTabsPage(href, text)  href:地址   text:打开后的标题
    <script>
    	function set_show(id,t){
    		var Urlss = '{:U("home/OrderSupplier/order_message")}&mer_id='+id;
    		parent.layui.index.openTabsPage(Urlss, $(t).attr("title-data"));
    	}
    </script>

    如果要在跳转的新页面获取Urlss后面的mer_id的参数:

    1.用js去获取:https://blog.csdn.net/weixin_44285250/article/details/94005021

    //js代码
    
    var M_ID = _get('mer_id');

    2.用php的方式获取:

    //PHP代码
    	public function order_message(){
    		$m_id = I("param.mer_id",'');
    		$this->assign('m_id',$m_id);
    		$this->display();
    	}
    //js代码
    
    var M_ID = {$m_id};

     

    展开全文
  • iframe获取父级跳转 window.parent.location.href=...iframe通过iframe里面的元素定位到父级打开新窗口 var temp1 = $("#formid"); temp1.parentElement.ownerDocument.defaultView.open('https://www.baidu.com')
  • edit: function () { var _this = this; var index = layui.layer.open({ skin:'', type : 2, maxmin: true, area...
  • layui在ifram打开新页面

    千次阅读 2019-08-31 17:35:45
    window.parent.layui.index.openTabsPage(url,"标签名") 关闭ifram当前窗口 window.parent.layui.admin.events.closeThisTabs();
  • 标签中打开页面 解决: //在标签页中打开页面 function openNewTab(url, tit) { var url="https://mp.csdn.net/console/editor/html/106022368"; var title="标签"; if (top.layui.index) { top....
  • layui -关闭窗口方法

    2020-12-20 17:31:08
    1.关闭当前窗口var index=parent.layer.getFrameIndex...2.关闭当前tabs页parent.layui.admin.events.closeThisTabs(); //关闭当前tabs页3.这个实在网上到的一些方法,但是不知道为啥有的是时候 没有起作用。所以才...
  • 本文介绍了layui弹窗父子窗口之间传参数的方法,分享给大家,具体如下:1、父页面打开子页面并向子页面传参数function setChooseValues(ret){var oView = document.getElementById("userName");var oValue = ...
  • 问题: 给用户新增优惠券,单个用户,单个优惠券,新增的话,用输入窗...使用的是layui的前端框架,如下代码:给输入框增加 selectUser()事件, <dl> <dt>选择用户</dt> <dd> ...
  • 1.打开新Tab parent.layui.index.openTabsPage(url, title); 2.关闭当前Tab parent.layui.admin.events.closeThisTabs();
  • layer窗口弹出

    2014-04-22 14:08:22
    layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(菜鸟级前端攻城师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的...
  • let index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);
  • 打开的页面为一个页签 top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息') businessUserShow.jsp: <script> layui.config({ base: '${ctxLayui}/layuiadmin/' }).extend...
  • layui点击打开图片窗口

    千次阅读 2016-07-15 10:19:39
    $("selector img").click(function(){ layer.open({ type: 1, //page层 area: ['808px', '423px'], title: 'hello', shade: 0.8, //遮罩透明度 moveType: 0, //拖拽风格,0是默认,1是传统拖动 ...
  • layui 链接打开新页面
  • layuiAdmin打开新窗口标签页

    千次阅读 2021-04-12 00:52:08
    这里写自定义目录标题前言打开新窗口打开新窗口的代码源码 前言 layuiAdmin.std-v1.2.1 打开新窗口 在控件上添加 lay-href 属性。 <a lay-href="xxxx.html" lay-text="账号列表">打开新窗口</a> ...
  • <script type="text/javascript" src="__PUBLIC__/js/layer.js"></script> layer.open({ type:2, title:'模态框', shadeClose:false, shade:0.8, area:['900px','90%'], content:"mapbox1.......
  • <div class="xiaoxi">\n' + ' <div class="layui-row">\n' + ' <input type="hidden" name="id" class="id" value="' + item.ID + '"/>\n' + ' <input type="hidden...
  • layui打开iframe窗口不刷新的问题

    千次阅读 2019-04-26 16:18:42
    这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个的iframe层页面),第一次打开窗口会刷新,但是再...
  • //得到iframe页的窗口对象(2种方式)-----------推荐使用第二种方式获得对象 var iframeWin1 = window[layero.find(‘iframe’)[0][‘name’]]; var iframeWin2 = window[“layui-layer-iframe” + index]; //...
  • 窗口选中某一行后,确定 相应的值写入父窗口中 <script type="text/javascript" > // 向子页面的表格赋值,也可向父页面传值 //监听 向父页面传值 $(document).on('click',"#sontodad",function()...
  • var data_id = 768; var icon ="fa-user"; var title = 'ertret'; var url ='http://gylnew.yu:8081/home'; var data = {'icon':icon,'id':data_id,'title':title,'url':url}; window.parent.tab.tabAdd(data);
  • layui打开窗口不刷新解决办法

    千次阅读 2019-05-09 19:39:51
    这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个的iframe层页面),第一次打开窗口会刷新,但是再...
  • tabAdd=function () { //新增一个Tab项 element.tabAdd('layadmin-layout-tabs', { title: '运单管理' , content: '/*/*' //, id: new Date().getTime() //实际使用一般是规定好的id,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,553
精华内容 621
关键字:

layui打开新的窗口