layui常见弹窗使用方法

原创 2018年04月17日 16:48:17

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()关闭所有的弹窗


layui-弹出层

layui-弹出层
  • ajlgl
  • ajlgl
  • 2017-05-19 09:17:34
  • 1504

layui常见弹窗使用方法

1:confim类型使用方法layui.use('layer', function(){ layer.confirm('是否立即上传卷宗信息?', {     btn: ['是','否...
  • ygy211715
  • ygy211715
  • 2018-04-17 16:48:17
  • 16

layer弹出层的简单使用

一、layer的icon样式以上样式测试代码:[javascript] view plain copylayer.confirm('icon测试', {icon: 1, title:'提示'}, fu...
  • W_DongQiang
  • W_DongQiang
  • 2018-04-10 13:34:24
  • 40

layui 弹框 关闭刷新 window 双层父子弹窗交互

弹层之美 在线调试 扩展皮肤 layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。 在与同类组件的比较中...
  • kingrome2017
  • kingrome2017
  • 2018-03-31 15:59:18
  • 23

layui弹窗问题,打开弹窗直接按回车键,出现多余的蒙版

在layui的弹窗刚打开时,不进行其他操作,直接按回车键会有多余蒙版出现,按很多次会有很多个同时存在,导致页面变黑且无法进行其他操作。因为浏览器就是这样,Enter会触发上一次的事件。你可以在succ...
  • yuanlijiefengjuan
  • yuanlijiefengjuan
  • 2018-03-30 09:45:14
  • 18

layer弹出层的使用(一)

第一步:部署 下载layer后,把它部署到你项目中的任何一个目录(当然,我们推荐放在前端相关目录里),你不能去挪动layer里面的文件结构,因为它们是不可拆散的组合。就像这样: 第...
  • hongxiaoshuang
  • hongxiaoshuang
  • 2017-02-26 18:47:44
  • 2940

layui-layer弹出层使用

最近在使用layer做弹出层显示,遇到问题在此mark一下 1:layer.alert("", {})  修改标题:{title:xxx} 内容:换行用...
  • u012156919
  • u012156919
  • 2016-06-03 11:48:40
  • 2086

layui 关闭弹出框

type - 基本层类型 类型:Number,默认:0 layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)layer.clos...
  • TROY_Musou
  • TROY_Musou
  • 2017-06-20 15:58:22
  • 6455

关于layui点击右上角关闭弹窗,弹窗内容出现在下方的问题

问题描述:单纯的使用编辑弹窗,关闭事件不会有任何问题,但是引入其他js之后,可能会对关闭事件有影响。出现点击弹窗右上角的“x”,内容出现在底部的现象。解决方法:在初始化弹层的时候,就把事件写好。比如l...
  • sinat_39648402
  • sinat_39648402
  • 2018-03-20 16:35:18
  • 33

[Layer] layui的弹出层用法记录

为了更方便自己的使用和查找,把常用的代码记录一下,省的老去翻文档了。通用加载提示:layer.msg('加载中...',{icon: 16,time:false,shade:0.6});layer.l...
  • xianglikai1
  • xianglikai1
  • 2017-11-09 15:41:16
  • 1662
收藏助手
不良信息举报
您举报文章:layui常见弹窗使用方法
举报原因:
原因补充:

(最多只允许输入30个字)