精华内容
下载资源
问答
  • layui添加弹窗
    2021-03-13 01:07:20

    window.parent.layer.closeAll();
    window.parent.location.reload();

    更多相关内容
  • <div class=layui-form lay-filter=useradmin id=useradmin> <div class=layui-form-item> <label class=layui-form-label>用 户 名 <div class=layui-input-inline> <input type=text name=username lay-...
  • layui实现弹窗效果

    千次阅读 2021-01-10 10:51:21
    button type="button" id="look" class="layui-btn" style="margin-left: 10px;">选择接收人</button> 其实不只是按钮,其他的任何标签都可以 layui.use(['table'], function () { var table = layui....

    废话不多说,直接上代码:

      <button type="button" id="look" class="layui-btn" style="margin-left: 10px;">选择接收人</button>
    

    其实不只是按钮,其他的任何标签都可以

        layui.use(['table'], function () {
             var table = layui.table;
         table.on('tool(currentTableFilter)', function (obj) {
                // console.log(obj.data)
                var data = obj.data;
                if (obj.event === 'look') {//对应上面的id
                    var index = layer.open({
                        title: '查看详情',
                        type: 2,//层类型:2(iframe层)
                        shade: 0.2,//遮罩
                        maxmin:true,//最大最小化。
                        shadeClose: true,//是否点击遮罩关闭
                        area: ['80%', '80%'],//宽高
                        content: 'look.html',
                    });
                    $(window).on("resize", function () {
                        layer.full(index);
                    });
                    return false;
                }
            });
         });
    
    展开全文
  • 本篇文章主要介绍了ayui弹窗父子窗口之间传参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 1:confim类型使用方法layui.use('layer', function(){layer.confirm('是否立即上传卷宗信息?', {btn: ['是','否'],time: 200000, //20s后自动关闭},function(index){alert("这是点击确定按钮走的回调")layer.close...

    1:confim类型使用方法

    layui.use('layer', function(){

    layer.confirm('是否立即上传卷宗信息?', {

    btn: ['是','否'],

    time: 200000, //20s后自动关闭

    },function(index){

    alert("这是点击确定按钮走的回调")

    layer.close(index);

    },function(){

    alert("这是点击取消按钮走的回调")

    });

    })

    2:open类型弹框,content参数可以是一个选择器也可以是一个路径

    layer.open({

    type : 1,

    title : "借阅时间",

    area : [ '450px', '300px' ],

    content : $("#borrowCase"),

    btn: ['确定', '取消'],

    yes: function(index){

    alert("这是点击确定按钮走的回调")

    },

    btn2: function(){

    alert("这是点击取消按钮走的回调")

    },

    end:function(){

    alert('这是点击任一按钮都会走的回调')

    }

    });

    layui.use('layer',function(){

    var layer=layui.layer;

    layer.open({

    type:2,

    title:'新增字段信息',

    area:['450px','300px'],

    content: "dictionary/addFiled?dictionaryId="+dictionaryId//字段类型

    })

    })

    3:msg类型

    layer.msg('添加借阅成功', {

    time: 1500, //1500ms后自动关闭

    });

    4:关闭弹窗

    layer_close(index)关闭当前弹窗

    parent.layer.closeAll()关闭所有的弹窗

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

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

    原文链接:https://blog.csdn.net/ygy211715/article/details/79976559

    展开全文
  • layui删除弹窗

    千次阅读 2019-08-16 23:20:08
    执行删除操作时,设置一个简单的弹出...button type="button" class="layui-btn layui-btn-danger" data-id='${rl.id}' data-type="test2">删除</button> <script> $(function () { // 监听删除点...

    执行删除操作时,设置一个简单的弹出提示框

    
    <button type="button" class="layui-btn layui-btn-danger" data-id='${rl.id}' data-type="test2">删除</button>
    
    <script>
            $(function () {
                // 监听删除点击事件,页面刷新就开始监听点击事件
                // 添加监听后,触发事件被触发,就会执行下面的代码
                $(document).on('click','.layui-btn-danger',function(e){
                    console.log($(e.target).data().id);
                })
    
                layui.use('layer', function(){
                    //触发事件
                    var active = {
                        test2: function(){
                            console.log($(this).data().id,"打印id")
    
                            // 获取id
                            var id=$(this).data().id
    
                            layer.confirm('您确定要删除吗?', {
                                btn: ['Yes','No'] //按钮
                            }, function(){
                                $.ajax({
                                    url:'/shop/delGather',
                                    type:'POST', //GET
                                    async:true,    //或false,是否异步
                                    data:{
                                        id:id,
                                    },
                                    timeout:5000,    //超时时间
                                    dataType:'json',    //返回的数据格式:json/xml/html/script/jsonp/text
                                    success:function(data){
                                        console.log(data);
                                        if (data.code=='000000'){
                                            window.location.reload();
                                            // 获得frame索引
                                        }else {
                                            data.code("删除失败");
                                        }
                                    },
                                    error:function(xhr,textStatus){
                                        console.log('错误')
                                        console.log(xhr)
                                        console.log(textStatus)
                                    },
                                    complete:function(){
                                        //console.log('结束')
                                    }
                                })
                            }, function(){
                                // 事务回调
                            });
                        }
                    };
                    // 选择选项设定
                    $('.layui-btn-danger').on('click', function(){
                        var type = $(this).data('type');
                        active[type] ? active[type].call(this) : '';
                    });
                });
            })
        </script>
    

    效果如下图

    在这里插入图片描述

    展开全文
  • 参考LayUI官方文档,在子窗口中重载父级数据表格找到以下两种方法:1、子窗口中重载:在子窗口中直接调用父级talbe的reload方法。$("body").on("click","#Test",function(){//刷新父级数据表格parent.layui.table....
  • Layui设置弹窗

    2020-01-07 17:49:33
    <div id="addshow" style="display: none; text-align: center; padding-top: 10px;padding-right: 50px">...form class="layui-form" action="<%=Const.ROOT%>shetuan/add" method="post">...
  • Layer.open({ type: 1, area: imgWidth, title: false, closeBtn: 1, skin: 'layui-layer-nobg', shadeClose: true, content: $content, end: function () { $(img).remove(); }, success: function () { } }); }; ...
  • layui 弹窗 分页

    2021-04-30 20:43:28
    职位 入职日期 薪资 奖金 所属部门 ${department.dname} 添加 重置 ; charset=UTF-8" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> ...
  • layui弹窗和关闭

    2021-08-20 21:25:14
    弹窗 <div id="biaodan" style=""> 内容 </div> 弹窗 layer.open({ type: 1, title: '编辑', area: ['80%', '80%'], shade: 0, content: $('#biaodan'), end : function() { ...
  • vue使用layui弹窗

    千次阅读 2020-03-25 18:29:26
    // data参数可认为是componentName的props,同时 该方法会自动添加一个key为layerid的值, 该值为创建层的id, 可以直接用来关闭该层 // options参数直接写到json里即可,比如title layer.open(options);...
  • //规划编制添加界面functionguihuabianzhi(){//layui页面弹窗layer.open({type :1,title :"添加信息",//弹窗名字offset : '0px' //整体弹窗距离顶端位置,id :'layerDemo' //防止重复弹出,content : $("#detailTable...
  • layui 弹窗动态加载数据表格table

    千次阅读 2020-07-27 18:58:38
    " class="layui-table-link" style="display: inline-block; width: 100%;" onclick="symptomEdit('{{d.symptomId}}')">点击弹窗数据表格</a> </script> <!--症状对应分类弹窗--&
  • 最近遇到了一个问题:LayUI弹出子窗口后,提交更新表单后后台数据已经发生改变,但是回到父页面后,数据表格却一直不更新,只有重新进入该页面才会重新发请求拿到新的数据,这个Bug花了我一整天时间来解决。...
  • Layui 弹窗 -全面使用

    万次阅读 2019-09-15 21:31:09
    类型:String/DOM/Boolean,默认:'.layui-layer-title',即默认是触发标题区域拖拽。 如果你想单独定义,指向元素的选择器或者DOM即可。如 move: '.mine-move' 。 还可以配置设定 move: false 来禁止拖拽 ...
  • layui弹窗 form表单赋值

    万次阅读 2018-12-04 16:09:40
    新增 :弹窗下拉框 赋值 2019.12.1 目的: 点击编辑按钮实现数据回显到弹出子页面表单内。如下图: Html代码: <body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> &...
  • 在父页面进行新增修改 //新增按钮 var active = { add: function(){ layer.open({ type: 2 ,title: '添加用户' ,content: '/userform' //接口 ,maxmin: true ,area: ['500px', '450px'] ,b
  • layui弹窗表格数据获取,回显

    千次阅读 2019-06-14 10:33:57
    有a页面,a页面中有新增按钮,点击新增按钮,弹出layui弹窗弹窗为表格数据,勾选表格数据,确认后将勾选的数据回显在a页面,再点击新增,默认勾选刚才回显的数据。(a页面不调任何接口请求) 1、回显在a页面 在...
  • layui弹窗被遮罩成灰色,无法操作的问题只需要添加shade:0属性 只需要添加shade:0属性
  • '添加用户信息', type: 2, shade: false, maxmin: true, shade: 0.5, btn: ['确认', '取消'], area: ['500px', '400px'], content: 'ArticleEdit', zIndex: layer.zIndex, success: function (layero, index) { body...
  • layui常用弹窗和qrcode二维码生成

    千次阅读 2020-10-21 11:34:26
    layui 布局部分 与BootStrap很像,就是展示一些界面效果,此处省略。 弹出层 layer 步骤: 1. 下载layer , 并将解压后的layer文件夹 移动到项目中 2. 引入jquery.js 3. 引入layer.js layer - msg函数 用于弹出信息...
  • layui前端,弹窗多选表单,选择后自动添加到主表单,附带状态判断、除重、单行删除功能 实现效果如下: 点击选择,弹出弹窗 选择需要的数据后,主表格自动添加 除重 状态判断 主要前端代码如下: HTML: <...
  • layui自定义弹框

    2021-07-28 15:12:06
    layer.open({ type : 1 , area : [ '90%', '450px' ], title:'请二次确认三方平台' , content : $('#showConfirmationMessage') , success : function () { console.log(111) } }); ...div id="showConf...
  • 今天小编就为大家分享一篇layui 关闭open弹出框 刷新table表格页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • --style="display: none" 弹窗部分的div是隐藏状态了,只有触发了弹窗才在弹窗框中展示--> <div class="layui-form layuimini-form"> <div class="layui-form-item"> <label class="layui-f
  • 使用layer弹窗layui表单实现新增功能2019-01-08编程之家收集整理的这篇文章主要介绍了使用layer弹窗layui表单实现新增功能,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。1.需求:使用layer在...

空空如也

空空如也

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

layui添加弹窗