精华内容
下载资源
问答
  • 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>
    
    展开全文
  • 打开页面为一个页签 top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息') businessUserShow.jsp: <script> layui.config({ base: '${ctxLayui}/layuiadmin/' }).extend...

    打开的页面为一个页签

    top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息')
    

    businessUserShow.jsp:

    <script>
    	layui.config({
    		base: '${ctxLayui}/layuiadmin/'
    	}).extend({
    		index: 'lib/index'
    	}).use(['index', 'form','dict','laytpl','util','element'], function(){
    		var $ = layui.$ ,form = layui.form;
    		var dict = layui.dict;
    		var laytpl = layui.laytpl;
    		var util = layui.util;
            var router = layui.router();
            var admin = layui.admin;
    		var formData = window.parent.formData;
    
    
            var self = null;
            try{
                self = router.search.self;
                if(self==1){
    //                top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息')
                    var curUser = layui.data(layui.setter.tableName)[layui.setter.userKey];
                    var rtn = admin.syncReq(ctx+'/business/businessUser/queryById',{id:curUser.id})
                    if(rtn.code==0){
                        formData = rtn.data;
    				}
    			}
    
            }catch (err){
                self = null;
            }
    

    关键代码:

    var router = layui.router();
    self = router.search.self;
    
    展开全文
  • var getTabId = parent.navtab.getCurrentTabId(); setTimeout(function () { var arrNavtab = {}; arrNavtab.title = "窗口标题名称"; arrNavtab.href = "跳转页面的...//上面这个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)
    

     

    展开全文
  • 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};

     

    展开全文
  • 1.打开新Tab parent.layui.index.openTabsPage(url, title); 2.关闭当前Tab parent.layui.admin.events.closeThisTabs();
  • 以为一般情况我们需要使用外面的按钮来控制打开页面的表单提交,所以如何控制呢? a.在打开面预留提交按钮,但需要隐藏 b.通过外部按钮绑定内部事件 btn2: function (index, layero) { if(btn[index] == '取消...
  • 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);
  • 打开新的窗口并传送参数
  • 标签中打开页面 解决: //在标签页中打开页面 function openNewTab(url, tit) { var url="https://mp.csdn.net/console/editor/html/106022368"; var title="标签"; if (top.layui.index) { top....
  • layui打开窗口不刷新解决办法

    千次阅读 2019-05-09 19:39:51
    这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个的iframe层页面),第一次打开的窗口会刷新,但是再...
  • iframe获取父级跳转 window.parent.location.href=...iframe通过iframe里面的元素定位到父级打开新窗口 var temp1 = $("#formid"); temp1.parentElement.ownerDocument.defaultView.open('https://www.baidu.com')
  • LAYUI-ADMIN-IFRAME打开新标签页

    万次阅读 热门讨论 2018-08-03 21:01:12
    function newTab(url,tit){ if(top.layui.index){ top.layui.index.openTabsPage(url,tit) }else{ window.open(url) } } &lt;a href="javascript:newTab('__CONTROLLER__/add/baojin...
  • 今天小编就为大家分享一篇layui弹出框Tab选项卡的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui在ifram打开新页面

    千次阅读 2019-08-31 17:35:45
    window.parent.layui.index.openTabsPage(url,"标签名") 关闭ifram当前窗口 window.parent.layui.admin.events.closeThisTabs();
  • 因为需求原因,有很多功能需要在弹窗中跳转页面并在顶级页面中新开标签页,由于一直没找到解决方法,后来直接把弹窗改为页面,总感觉操作不是那个方便,无意间找到一个可以解决的方法,贴出留作日记,以便后期...
  • 1.将函数存入变量内,子类页面调用 父页面 var _tools = { //方法1 refresh:function(){ layui.table.reload('dg',{ where : layui.$.form.val('fm'), page : { curr : 1 } }); }, //方法2 ...
  • layuiAdmin打开新窗口、标签页

    千次阅读 2021-04-12 00:52:08
    这里写自定义目录标题前言打开新窗口打开新窗口的代码源码 前言 layuiAdmin.std-v1.2.1 打开新窗口 在控件上添加 lay-href 属性。 <a lay-href="xxxx.html" lay-text="账号列表">打开新窗口</a> ...
  • layui 在子页面打开tab页

    千次阅读 2020-02-16 11:45:13
    参考原文地址:https://blog.csdn.net/Smile__Mo/article/details/80944643 var href ='views/list/productdetail.... var l = parent === self ? layui : top.layui; l.index.open...
  • layui打开页面就执行弹出框

    千次阅读 2019-05-09 14:45:43
    layui.use('layer',function(){ var layer = layui.layer; layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的String }); }); </script> 方法二、(推荐使...
  • 今天小编就为大家分享一篇Layui弹出层 加载 做编辑页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Layer 打开新页面

    千次阅读 2019-04-04 18:44:16
    首先新建一个mvc项目然后再新建控制台。...首先是新页面的标题,然后是页面背景的透明度,再是页面的宽高,最后是页面的路径。 页面效果图 鼠标点击按钮后弹出提示框 鼠标再点击确定后弹出新页面。(没...
  • 在我的客户页面,调整到 我的合同页面: <div>请去【<a style="color:green" class="toPage" data-type="toPage" >合同管理—我的合同<... top.layui.index.openTabsPage("order/myOrdersList.jsp
  • layui弹出新页面

    千次阅读 2020-09-02 11:59:48
    <td><a href="javascript:;" onclick="showList(3,{$li.id})" class="btn btn-info btn-xs">{$li.fa_info.name}</a></td> ..." onclick="showList(4,{$li.id})" class="btn btn-info btn-xs"&...
  • 在html代码与引入的layui正确的情况下,layui.open有时候会出现form.render()渲染无效的情况, 这时候可以通过获取窗口的对象来通过form.render()重新渲染 var indexTpl = layui.layer.open({ ...
  • 今天小编就为大家分享一篇在layui tab控件中载入外部html页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • <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.......
  • <script> ... var tplCompanyName = function (d) { ...a style="color:#1E9FFF" href="javascript:;" lay-event="showRec" >'+d.completeSchemeNum+'</a>... layui.use('table', funct...
  • <button onclick="javascript:copy(this);" id="{$rel['id']}">...需要手动引入layui js css 包 这里我就不示范了 function copy(e){ var id=e.id; layer.open({ type: 2, title:"修改信息", closeBt
  • Layui 新增按钮打开全屏弹窗

    千次阅读 2019-10-11 11:04:52
    js代码 备注:1、给按钮绑定点击事件。 2、content 的值为html的路径,我这里使用的是请求... $("#addMoreDevice").on('click', function() { var index = layui.layer.open({ title : "播出单新增", type : 2, ...
  • layui打开html并获取url参数内容

    千次阅读 2019-10-14 16:05:01
    layui打开html var url = "agent_add.html?jsonData=" + hotelName + ""; layer.open({ type: 2, skin: 'layui-layer-demo', //样式类名 title: '更新公告', closeBtn: 1, //不显示关闭按钮 anim: 2, area: [....

空空如也

空空如也

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

layui打开新的页面