文档章节

layui常见弹窗使用方法

o
 osc_isezqdgg
发布于 2019/09/18 15:16
字数 282
阅读 22
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
layui(二)——layer组件常见用法总结

layer是layui的代表作,功能十分强大,为方便以后快速配置这里对其常见用法做了简单总结 一、常用调用方式 //1.普通消息:alert(content,[options],[yesCallBack]) }) ...

osc_k7wip3sn
2018/08/08
1
0
layer弹框在实际项目中的一些应用

官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。...

祈澈姑娘
2018/01/18
0
0
关于layui-select渲染失败问题

这两天因为一个layui--select 死活出不来的问题闹了半天,又看了半天的官网,最后的最后才尝试出来!!! 1: layui.use(['layer', 'form', 'table', 'util', 'admin', 'config'], function () { v......

osc_ibhs3ho3
2019/10/16
14
0
layer弹框在实际项目中的一些应用

官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。...

osc_pnw2apz4
2018/03/07
0
0
Layer——skin的使用方法

---恢复内容开始--- 如果是Layui单独版本,官网上很明确,如果是Layui使用layer就要将样式表文件要放在这个文件夹下 在这个style.css文件里 分别编写,标题栏的样式,和a标签的样式(写你想设置...

osc_bg494qeb
2019/07/24
3
0

没有更多内容

加载失败,请刷新页面

加载更多

使用命名管道承载gRPC

最近GRPC很火,感觉整RPC不用GRPC都快跟不上时髦了。 gRPC设计 gRPC是一种与语言无关的高性能远程过程调用 (RPC) 框架。刚好需要使用一个的RPC应用系统,自然而然就盯上了它,但是它真能够解...

osc_nq69o22c
52分钟前
16
0
06-敏捷开发框架-apis 脚本库 引用位置无关性设计

动态引入技术的设计,对我们来说非常重要。 同时也说明动态语言的使用对我们来说也是非常重要。 没有动态语言的支撑,有些想法可能不容易实现,或者有替代方案,可能会花更大的代价。 前端开...

osc_5zg9z6t1
53分钟前
21
0
(三)学习了解OrchardCore笔记——灵魂中间件ModularTenantContainerMiddleware的第一行①的模块部分

  了解到了OrchardCore主要由两个中间件(ModularTenantContainerMiddleware和ModularTenantRouterMiddleware)构成,下面开始了解ModularTenantContainerMiddleware中间件第一行代码。   ...

osc_kdarxvx0
55分钟前
15
0
50Mn18Cr4V锻锻环件

电机无磁护环怎么锻性能才能《高高》?50Mn18Cr4V高锰无磁钢在变形温度为900~1 100℃、应变速率为0.1 ~10s-1条件下的热变形行为. 结果,VC第二相的应变诱导析出对50Mn18Cr4V的热变形行为产生...

无磁钢
55分钟前
16
0
【遇见offer】一汽-大众实习生专场来啦!成长+学习+福利,一个也不能少~

在上次一汽-大众的社招直播之后,实习生的专场招聘也终于来啦! 针对2020年暑期,我们提供了非常多的实习岗位给大家选择。 如果你想得到大厂实习的宝贵经验,如果你想得到更快速的成长,如果...

osc_b88oux8w
57分钟前
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部