最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

layui弹窗怎么用

来源:动视网 责编:小OO 时间:2020-11-27 15:02:05
文档

layui弹窗怎么用

如果你想了解更多关于layui的知识,可以点击:layui教程。layui弹窗有三种类型,分别是:1、confim类型;2、open类型弹框。3、msg类型。下面为大家一一介绍一下,这些弹窗的使用方法。1:confim类型使用方法。
推荐度:
导读如果你想了解更多关于layui的知识,可以点击:layui教程。layui弹窗有三种类型,分别是:1、confim类型;2、open类型弹框。3、msg类型。下面为大家一一介绍一下,这些弹窗的使用方法。1:confim类型使用方法。


如果你想了解更多关于layui的知识,可以点击:layui教程

layui弹窗有三种类型,分别是:1、confim类型;2、open类型弹框;3、msg类型。下面为大家一一介绍一下,这些弹窗的使用方法。

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的知识,可以点击:layui教程。layui弹窗有三种类型,分别是:1、confim类型;2、open类型弹框。3、msg类型。下面为大家一一介绍一下,这些弹窗的使用方法。1:confim类型使用方法。
推荐度:
标签: 使用 layer 弹框
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top