精华内容
下载资源
问答
  • layui弹框自己定按钮关闭弹框

    千次阅读 2020-11-26 13:44:02
    layui自己定义按钮关闭layui的弹窗 function closeWindow(){//关闭弹出层事件 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); } 在使用的地方调用上面的方法即可自定义按钮关闭...

    layui自己定义按钮关闭layui的弹窗

    function closeWindow(){//关闭弹出层事件
    var index=parent.layer.getFrameIndex(window.name);
    parent.layer.close(index);
    }
    

    在使用的地方调用上面的方法即可自定义按钮关闭layui弹窗

    在这里插入图片描述

    一款可以领外卖红包的小程序,大家扫码领取即可,一般红包金额在5-12之间,如需使用,选择性领取即可。
    展开全文
  • layer.open({ type: 0, // 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层),如果type: 1 整个页面为必填 ...offset: 't', // 坐标,弹框位于左或右或其它 icon: 6, // 图标 btn: ['确定', '取消']
    layer.open({
    type: 0, 
    // 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层),如果type: 1 整个页面为必填
    title: '在线调试', // 标题
    content: '配置各种参数,试试效果', // 内容
    skin:'demo-class', // 样式类名
    area:['500px', '300px'], // 宽高
    offset: 't', // 坐标,弹框位于左或右或其它
    icon: 6,  // 图标
    btn: ['确定', '取消'], // 按钮,不限
    yes: () { // 按了确定按钮的回调
    console.log('按钮1回调')
    },
    btn2: () {
    console.log('按钮2回调')
    },
    btnAlign: 'c', // 按钮排列方式,有居左、居中、居右
    shade: [0.8, 'red'], // 遮罩, [透明度, 颜色], 无遮罩为0
    shadeClose: true, //  是否点击遮罩关闭
    time: 5000, // 弹框自动关闭所需毫秒
    id:'myId', // 用于控制弹层唯一标识
    anim: 1, // 弹框弹出动画, anim: -1为不显示动画
    isOutAnim: true, // 关闭动画
    maxmin:true, // 是否显示最大最小化按钮
    fixed: true, // 鼠标滚动时,层是否固定在可视区域
    resize: true, // 弹框是否允许拉伸
    resizing (layero){ // 监听窗口拉伸
      console.log('我拉伸了');
    },
    scrollbar: true, // 是否允许浏览器出现滚动条
    maxWidth: 500, // 最大宽度,当area: 'auto'时,maxWidth的设定才有效
    maxHeight: 1000, // 最大高度,当area: 'auto'时,maxHeight的设定才有效
    zIndex: 10, // 层叠顺序 
    move: '.layui-layer-title', //触发拖动的元素
    moveOut: true, // 是否允许拖拽到窗口外
    moveEnd: function(layero){}  // 拖动完毕后的回调方法,layero 为当前层的DOM对象
    tips:  [1, '#ccc'], // tips方向和颜色
    tipsMore: true, // 是否允许多个tips
    success (layero, index) { // 层弹出后的成功回调方法
      console.log(layero, index)
    },
    cancel  () {}, // 右上角关闭按钮触发回调方法
    
    })  
    
    
    展开全文
  • Layui提供的功能如下(预览) 可自行查看:layui官网此模块的链接 着急看双击选中 直接看标黄色部分 假设这是个弹窗里的表格和数据点击圆圈,圆圈变绿则为选中,选中后点击上方查看数据按钮(实际中是确认按钮,...
  • 1.layer.open打开一个页面,利用layer.CloseAll()关闭页面, ...// 关闭弹框 closePage:function(){ layer.closeAll(); //关闭全部弹框 }, // 打开请输入数量的页面 pageOpenNum:function(id,nu

    1.layer.open打开一个页面,利用layer.CloseAll()关闭页面,
    2.首先将页面打开和关闭的方法放在父页面,子页面打开页面直接调用父页面的方法就可以了
    3.代码如下:
    1)封装的方法

    // 关闭弹框
            closePage:function(){
            
                layer.closeAll(); //关闭全部弹框
            },
            // 打开请输入数量的页面
             pageOpenNum:function(id,num){
                 console.log('打开请输入数量的页面')
                 let url = '/region/cardView?id='+id+'&surplusNum='+num+'&numType=2'+'&type=2';
                 layerOpen2 =  layer.open({
                     type: 2,
                     offset: 'auto',
                     title: '请输入本次待出库数量',
                     shadeClose: false,
                     scrollbar: false,
                     shade: 0.4,
                     area: ['600px', '40%'],
                     content: url,
                     success: function(layero, index1){//确定按钮回调方法
                     },
                     // 右上角关闭按钮的点击事件
                     cancel: function(){
                     }
                 });
             },
            // 打开出库的页面
            pageOpenDelivery:function(id,type){
                console.log('打开出库的页面')
                let url = '/region/cardDelivery?id='+id+'&type='+type
                layerOpen3 = layer.open({
                    type: 2,
                    offset: '24px',
                    title: '卡扣出库',
                    shadeClose: false,
                    scrollbar: false,
                    shade: 0.4,
                    area: ['800px', '80%'],
                    content: url,
                    success: function(layero, index1){//确定按钮回调方法
                        // parent.vm2.closed()
                    }
                });
            },
    
    1. 在子页面调用的代码
                    parent.vm2.closePage()
                    console.log( parent.vm2,' parent.vm2')
                    parent.vm2.pageOpenNum(id,num)
    

    以上是layer和vue结合使用的调用方法,如果只是layui只需要把vm2去掉就可以了

    展开全文
  • 今天小编就为大家分享一篇layui弹出层按钮提交iframe表单的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 弹框icon 样式

    2021-06-07 11:12:35
    layui 弹框icon 样式 默认皮肤可以传入0-6 不指定 icon icon: 0 icon: 1 icon: 2 icon: 3 icon: 4 icon: 5 icon: 6 加载层,可以传入0-2

    layui 弹框icon 样式

    默认皮肤可以传入0-6

    不指定 icon

    在这里插入图片描述

    icon: 0

    在这里插入图片描述

    icon: 1

    在这里插入图片描述

    icon: 2

    在这里插入图片描述

    icon: 3

    在这里插入图片描述

    icon: 4

    在这里插入图片描述

    icon: 5

    在这里插入图片描述

    icon: 6

    在这里插入图片描述

    加载层,可以传入0-2

    展开全文
  • layui弹框确认及取消按钮

    千次阅读 2019-08-23 16:50:42
    1.取消按钮 function btn1() { layer.closeAll(); } 2.确认按钮 function btn() { layui.use('layer', function(){ var layer = layui.layer; layer.open({ title:"筛选条件", ...
  • layUI弹框

    2020-05-25 15:25:28
    1.引入jquery和layUI <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script src=...
  • //打开弹框layer.open({type: 2, title: ‘器具-设置发送人列表‘, content: ‘url‘ //弹框页面的地址, maxmin: true, area: [‘90%‘, ‘80%‘], btn: [‘确定‘, ‘取消‘], yes: function (index, layero) {var ...
  • 第一步,先把html考到页面底部,好吧。...lt;!-- 编辑的内容 --&gt; &lt;div id="bjnr" style="...layui-form" action="" id="saveupdateform"&gt; 
  • 上传文件的时候需要先弹出一个层再选择文件进行上传,发现layui.upload上传一次或者关闭弹框之后在不刷新页面的前提下不会执行choose方法了; 原因可能是upload.render方法执行一次之后,第二次没有把elem指定的这...
  • 实现layui弹框的x号隐藏

    千次阅读 2020-10-16 13:34:58
    layui.use(['form', 'layedit', 'laydate'], function () { var form = layui.form , layer = layui.layer , layedit = layui.layedit , laydate = layui.laydate; $ = layui.$; layer.o
  • layui弹框的最大最小化

    千次阅读 2020-07-07 15:07:28
    需求:将原来弹框的最大化按钮(红色部分)去掉。这是一个很简单的需求,只要看看官网文档就好了。 layui官网文档: 然后我将代码改成: layer.open({ title : "title", type : 1, area : ["500px","300...
  • layui弹框的简单使用

    千次阅读 2019-04-17 11:11:52
    layui弹框的简单使用 1.准备工作 首先去http://layer.layui.com/去下载layer插件: 然后解压,找到layer文件夹copy到你的开发环境中图片如下: Jquery要求1.8以上,在引入layer.js就可以用了。 <script...
  • layui弹框文件导入

    2019-09-30 23:51:57
    可以无限个按钮 ,yes: function (index, layero){ // 按钮的回调 var forms = document.forms[0 ]; debugger var content_t = this .content; var importUrl = rootPath + '/business/gj/...
  • 今天小编就为大家分享一篇layui button 按钮弹出提示窗口,确定才进行的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui弹框下拉搜索

    万次阅读 2017-05-12 14:51:23
    function convert(obj){ ... layui.use(['form','element'], function(){ var $ = layui.jquery , form = layui.form() ,element = layui.element(); form.on('select(test)', function(data){ _sele
  • function btnClosed() {//新增页面关闭按钮的点击事件 var index; if (window.name != "" && window.name != undefined) { index = top.layer.getFrameIndex(window.name); } else { index = top.layer...
  • maxmin: false, //开启最大化最小化按钮 area: ['450px', '260px'], content: '/notice/checkNotice?flag=true&id=' + id, success: function(layero, index){ layer.iframeAuto(index); layer....
  • layui弹框

    2019-04-23 14:43:07
    http://layer.layui.com/api.html https://www.layui.com/demo/layer.html 【1】layer.open <span id="reset" onclick="uploadfile()">添加</span> function uploadfile() { //window.open(this....
  • 点击按钮弹窗事件 $("body").on('click','#addRechargeRule',function(){ console.log("新增充值规则"); //弹出模态框 addRuleDailog=layer.open({ type: 1, title:false, move:false, ...
  • layUI实现弹框内部使用代码关闭弹框 话不多说,上代码 //关闭弹框按钮加上一个id名 <button id="close" class="search-btn" style="background-color: #fff;margin-right: 10px;border: 1px solid #eee;" type=...
  • 使用layui实现对数据的增删改查 演示案例实现技术是:ssh框架+layui表格,即简单的对单表数据库做了个增删改查。 相信大家看过视频之后,已经知道大体的业务流程,我在这里在简单的说明一下。 1.默认进入首页...
  • 官方:layui弹框 layui弹框2 实现效果: 一级弹框点击X 后,不关闭一级弹框,弹出二级弹框 实现代码: 核心不退出代码,函数里面加了:return false 1级弹框方法 layer.open({ // layer提供了5种层类型...
  • 控制layui弹框最小值

    2019-01-18 16:28:37
    var layerIndex; success:function(layero,index){ layerIndex=index; //控制按钮放在中间 ...layero.find('.layui-layer-btn').css('text-align','center'); } resizing:function(layero){ var layerInitW...
  • 1.页面效果 父页面获取到弹框中TInyMCE编辑器的值并显示在父页面中,实现思想: 在弹框中定义一个隐藏的文本框,从弹框中获取到编辑器的值赋值...div class="layui-input-block"> <textarea name="supplyse...
  • layui 弹框加载树

    千次阅读 2019-04-23 11:10:50
    layui.use(['layer', 'admin'], function () { var $ = layui.jquery; var layer = layui.layer; var admin = layui.admin; var roleId = $('#roleId').val(); layer.load(2); var setting = { check: {...

空空如也

空空如也

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

layui弹框按钮