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

    打开的页面为一个页签

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

    businessUserShow.jsp:

    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;

    展开全文
  • 把&lt;button &gt; 改为 &lt;input type='button'&gt;就可以了

    把<button > 改为 <input type='button'>就可以了

    展开全文
  • <div class="play_btn" th:data-id="${video.Url}" th:data-size="${video.Size}" onclick="playVideo(this.getAttribute('data-id'),this.getAttribute('data-size'))"></div> js ...
  • 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: [....
  • 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...
  • layui打开窗口不刷新解决办法

    千次阅读 2019-05-09 19:39:51
    这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个新的iframe层页面),第一次打开的窗口会刷新,但是再...
  • layui打开iframe窗口不刷新的问题

    千次阅读 2019-04-26 16:18:42
    这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个新的iframe层页面),第一次打开的窗口会刷新,但是再...
  • layui打开页面就执行弹出框

    千次阅读 2019-05-09 14:45:43
    layui.use('layer',function(){ var layer = layui.layer; layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的String }); }); </script> 方法二、(推荐使...
  • (1)关闭特定iframe//当在iframe页面关闭自身时,在iframe页执行以下js脚本var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layer.close(index); //再执行关闭(2)父页面传参...
  • var getTabId = parent.navtab.getCurrentTabId(); setTimeout(function () { var arrNavtab = {}; arrNavtab.title = "新窗口标题名称"; arrNavtab.href = "跳转页面的...//上面这个id设置后 会执行新页面里对应这.
  • layUI做前端框架开发,结果在打开弹窗后怎么都不显示下拉列表,得了,再刷一下layUI的框架实例,找到了解决办法。 function addEnvironment() { var $html = ''; $html += '<div class="layui-fluid ...
  • 1.将函数存入变量内,子类页面调用 父页面 var _tools = { //方法1 refresh:function(){ layui.table.reload('dg',{ where : layui.$.form.val('fm'), page : { curr : 1 } }); }, //方法2 ...
  • 使用www.layui.com... //显示模态框 你会发现有个叫layui-layer-shade的div层关不掉,页面发灰! 解决方法: 延迟500毫秒后再调用reuslt,就解决问题。 layer.closeAll(); setTimeout( 'result()', 500);
  • 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...
  • 首先设置表格的唯一id table.render({ id: 'table', defaultToolbar: '', elem: '#table', url: 'getSoulZZLX', ……………………………………... parent.layui.table.reload('table'); parent.layer.close(index); }
  • 在你请求结构返回成功后加上这句,完美解决 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload();...
  • 1.打开新Tab parent.layui.index.openTabsPage(url, title); 2.关闭当前Tab parent.layui.admin.events.closeThisTabs();
  • showRec:function () { var checkStatus = table.checkStatus('egressionListTable') var recs = checkStatus.data; if(!recs || recs.length!=1){ layer.msg('请选择一条记录'); return;... }
  • layui在ifram打开页面

    千次阅读 2019-08-31 17:35:45
    window.parent.layui.index.openTabsPage(url,"标签名") 关闭ifram当前窗口 window.parent.layui.admin.events.closeThisTabs();
  • Layui layer.open 打开页面CSS样式异常

    千次阅读 2019-08-30 03:01:42
    Layui layer.open 打开页面CSS样式异常 最近刚开始学前端,学的是layui 然后要实现一个按一个按钮在当前页面弹出一个资讯编辑框 然后呢,我在网上找了些模板,前端的大框架用的是LayuiCMS,内部内容页面的框架用...
  • 本人这两天也正在学习layui,因为公司需要做个后台管理系统,快速搭建的话,我的后台java大哥希望我用layui创建前端界面。先简单介绍一下layuilayui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循...
  • } } }) } layui.use(['laydate','form'], function() { var laydate = layui.laydate ,form = layui.form;; //执行一个laydate实例 laydate.render({ elem: '#start' //指定元素 }); //执行一个laydate实例 laydate...

空空如也

空空如也

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

layui打开小页面