精华内容
下载资源
问答
  • 在我的客户页面,调整到 我的合同页面: <div>请去【<a style="color:green" class="toPage" data-type="toPage" >合同管理—我的合同</a>】页面提交审核!</div> js: var active = { to...

    在我的客户页面,调整到 我的合同页面:

    <div>请去【<a style="color:green" class="toPage" data-type="toPage" >合同管理—我的合同</a>】页面提交审核!</div>
    

    js:

    var active = {
              toPage:function () {
                  top.layui.index.openTabsPage("order/myOrdersList.jsp", '我的合同');
              }
    }
    
          $("body").on('click','.toPage', function(){
              var type = $(this).data('type');
              active[type] ? active[type].call(this) : '';
          });
    

    打开另一页面(页签) 的关键代码:

    top.layui.index.openTabsPage("order/myOrdersList.jsp", '我的合同');
    
    展开全文
  • layui 打开新页面,并传入参数

    万次阅读 2019-07-09 15:25:27
    layui 打开新页面,并传入参数 使用的 wangEditor 富文本编辑器不带预览的功能, ...刚好可以利用 layui 携带传参的一个特点。 效果预览: 具体代码实现为: 创建一个 preview.html 预览页面,css...

    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};

     

    展开全文
  • 因为需求原因,有很多功能需要在弹窗中跳转页面并在顶级页面中新标签页,由于一直没找到解决方法,后来直接把弹窗改为页面,总感觉操作不是那个方便,无意间找到一个可以解决的方法,贴出留作日记,以便后期...

    因为需求原因,有很多功能需要在弹窗中跳转页面并在顶级页面中新开标签页,由于一直没找到解决方法,后来直接把弹窗改为新跳页面,总感觉操作不是那个方便,无意间找到一个可以解决的方法,贴出留作日记,以便后期查看!

    top.layui.index.openTabsPage('/index','陌小白');//(跳转地址,标签名)
    
    展开全文
  • <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.......
  • 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);
  • var getTabId = parent.navtab.getCurrentTabId(); setTimeout(function () { var arrNavtab = {}; arrNavtab.title = "窗口标题名称"; arrNavtab.href = "跳转页面的...//上面这id设置后 会执行新页面里对应这.
  • //跳转到【工作管理】--人员管理页面 function navigateToTeamPersonModule() { window.parent.layui.element.tabAdd('layuiminiTab', { tabId: "/page/team-person", href: "/page/team-person", title
  • <button onclick="javascript:copy(this);" id="{$rel['id']}">...需要手动引入layui js css 包 这里我就不示范了 function copy(e){ var id=e.id; layer.open({ type: 2, title:"修改信息", closeBt
  • 方式有两种 a 使用本地缓存 localStorage.setItem("orderInfo", JSON.stringify(obj.data)) 这种方式在对应页面直接从缓存中获取 b 使用url传递 form/orderDetail.html?id=10 使用这种方式需要在对应的页面...
  • 今天小编就为大家分享layui弹出框Tab选项卡的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享Layui弹出层 加载 做编辑页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui在ifram打开新页面

    千次阅读 2019-08-31 17:35:45
    window.parent.layui.index.openTabsPage(url,"标签名") 关闭ifram当前窗口 window.parent.layui.admin.events.closeThisTabs();
  • 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"&...
  • 标签中打开页面 解决: //在标签页中打开页面 function openNewTab(url, tit) { var url="https://mp.csdn.net/console/editor/html/106022368"; var title="标签"; if (top.layui.index) { top....
  • 今天小编就为大家分享layui使用form表单实现post请求页面跳转的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui一个简易的登录注册页面

    千次阅读 2021-01-10 18:58:54
    1.首先在主页绑定一个点击事件,点击登录按钮就可以弹出一个弹出窗,一般商场登录页面不会跳转一个新页面,因为如果进入一个新页面,登录后需要跳转会原来的页面,这样会导致用户体验感比较差。 <script> //...
  • 打开的页面一个页签 top.layui.index.openTabsPage('business/businessUserShow.jsp#/self=1','个人信息') businessUserShow.jsp: <script> layui.config({ base: '${ctxLayui}/layuiadmin/' }).extend...
  • end:function () {}
  • Layui页面和子页面直接互相传值

    千次阅读 2021-01-05 16:26:16
    为了在前端动态展示一个数据表格,需要一个后端接口向前端传递数据。 传给前端的数据格式如下所示(仅参考) { "code": 0, "data": [ { "sendName": "张三", "sendPhone": "17812341234" }, { "sendN
  • 首先介绍如何在 layui 中引入第三方插件 1: 引入源文件 2: 修改原文件配置 上面的步骤完成即可成功引入, 接下来直接上cropper原文件代码之所以上插件代码, 是因为插件我修改过了的 /*! * Cropper v3.0.0 */ ...
  • 个页面属于是layui的tabs模块和datatable的结合,我主要犯的错误是在生成表格的时候,控件名称一样 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN" xmlns:th="...
  • 今天小编就为大家分享篇在layui tab控件中载入外部html页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • iframe获取父级跳转 window.parent.location.href=...iframe通过iframe里面的元素定位到父级打开窗口 var temp1 = $("#formid"); temp1.parentElement.ownerDocument.defaultView.open('https://www.baidu.com')
  • layui弹出层弹出另一个页面

    万次阅读 2018-12-07 16:34:35
    layer.open({ type: 2, skin: 'layui-layer-demo', //样式类名 title: '标题', closeBtn: 0, //不显示关闭按钮 anim: 2, area: ['893px', '60...
  • layui 打开页面就执行弹出框

    千次阅读 2019-05-09 14:45:43
    方法一、 <script> layui.use('layer',function(){ var layer = layui.layer;... content: '传入任意的文本或html' //这里content是一个普通的String }); }); </script> 方法二、(推荐使...
  • 想问一下,我现在的tab选项卡在父页面,里面嵌套了一个iframe子页面,我现在希望在子页面点击事件后父页面的选项卡增加一个,要怎么实现? layui.use(‘element’, function () { var element = layui.element; $(’...
  • 今天小编就为大家分享篇解决layer弹出层的内容页点击按钮跳转到页面问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 1.将函数存入变量内,子类页面调用 父页面 var _tools = { //方法1 refresh:function(){ layui.table.reload('dg',{ where : layui.$.form.val('fm'), page : { curr : 1 } }); }, //方法2 ...
  • 但是很多时候你想要的大概一个现成的页面模板,一个能Swift帮你完成开发的框架而已,Layui-admin就是这样一个接近完成的后台系统模板,它已经帮你完成了从登录验证,记住密码,权限管理,临时校准,搜索查询,联动...

空空如也

空空如也

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

layui新开一个页面