文档章节

Layer弹层组件 二次扩展,项目中直接使用。

深圳大道
 深圳大道
发布于 2016/12/29 15:38
字数 308
阅读 5
收藏 0
/************************ Layer扩展 ****************************/

/*
* Layer弹出Alert提示框
* @param message 提示信息
* @param type 类型 1成功 2失败 3疑问 7提示
* @param fn (可选)点击后回调方法
* @return
*/
function LayerAlert(message, type, fn) {
    layer.alert(message, { icon: type }, fn);
}


/*
* Layer弹出Confirm提示框
* @param message 确认提示信息
* @param okfn 确认后回调 function (index) { alert("确认操作后回调,一般执行程序,完成后layer.close(index)关闭Layer"); }
* @param errorfn (可选)取消操作后回调 function () { alert("取消操作后回调"); }
* @return
*/
function LayerConfirm(message, okfn, cancelfn) {
    layer.confirm(
            message,
            { btn: ['确定', '取消'] },
            okfn,
            cancelfn
        );
}

/*
* Layer弹出新窗口
* @param url 网址
* @param title 标题
* @param width 宽
* @param height 高
* @param closefn (可选)关闭后回调 function (index) { alert("关闭"); layer.close(index);}
* @return
*/
function LayerOpen(url, title, width, height, closefn) {
    layer.open({
        type: 2,
        title: title,
        shadeClose: false, //必须点弹窗关闭按钮关闭
        shade: 0.5,
        area: [width, height],
        content: url, //让iframe出现滚动条content: ['http://www.xxx.com', 'no']
        cancel: closefn
    });
}

/*
* Layer加载效果(自动关闭)
* @param type 0-2加载效果
* @param minute 几秒钟后消失
* @return
*/
function LayerLoadAuto(type, second) {
    layer.load(type, { time: second * 1000, shade: 0.1 });
}

/*
* Layer加载效果
* @param type 0-2加载效果
* @return
*/
function LayerLoad(type) {
    var index = layer.load(type);
    return index;
}

/*
* Layer关闭
* @param index 打开的index
* @return
*/
function LayerClose(index) {
    layer.close(index);
}

本文转载自:http://blog.csdn.net/smartsmile2012/article/details/53817753

共有 人打赏支持
深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
layer弹框在实际项目中的一些应用

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

祈澈姑娘
2018/01/18
0
0
基于 vue2 的弹层组件 - vue-bulma-dialog

vue-bulma-dialog 是基于 Vue2、bulma0.5.3 实现的弹层组件。接口借鉴了 layer 的使用方式,调用比较简单,配置灵活。 当前版本: v1.0.0 主要功能包括: 1、自定义弹层宽度、自定义标题、自...

东北的冬
2017/09/25
0
0
layer 1.9.2 发布,国产 Web 弹层不懈的前行者

为了让 layer 更好地融入你的项目,作者对 layer 迅速地做了一些细节的改动。layer是一款口碑还比较凑合的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会...

贤心
2015/05/08
3.3K
29
layer 3.0.0 发布 ,Web 弹层一次全方位的增强

在决定这个大版本更新之前,很多人建议应该把时间放在刚刚发布的 Layui 上,因为layer已经比较成熟了,没必要再更新。但是,坚持layer是一种情怀,为了对得起“国内最多人使用的弹层组件”,...

贤心
2016/11/07
7.1K
62
LayUI之layer关闭刷新父界面

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。 最近一个项目采用的是hui前端框架,他的弹出层...

城市之雾
2018/05/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

容器服务

简介 容器服务提供高性能可伸缩的容器应用管理服务,支持用 Docker 和 Kubernetes 进行容器化应用的生命周期管理,提供多种应用发布方式和持续交付能力并支持微服务架构。 产品架构 容器服务...

狼王黄师傅
昨天
3
0
高性能应用缓存设计方案

为什么 不管是刻意或者偶尔看其他大神或者大师在讨论高性能架构时,自己都是认真的去看缓存是怎么用呢?认认真真的看完发现缓存这一块他们说的都是一个WebApp或者服务的缓存结构或者缓存实现...

呼呼南风
昨天
12
0
寻找一种易于理解的一致性算法(扩展版)

摘要 Raft 是一种为了管理复制日志的一致性算法。它提供了和 Paxos 算法相同的功能和性能,但是它的算法结构和 Paxos 不同,使得 Raft 算法更加容易理解并且更容易构建实际的系统。为了提升可...

Tiny熊
昨天
2
0
聊聊GarbageCollectionNotificationInfo

序 本文主要研究一下GarbageCollectionNotificationInfo CompositeData java.management/javax/management/openmbean/CompositeData.java public interface CompositeData { public Co......

go4it
昨天
3
0
阿里云ECS的1M带宽理解

本文就给大家科普下阿里云ECS的固定1M带宽的含义。 “下行带宽”和“上行带宽” 为了更好的理解,需要先给大家解释个词“下行带宽”和“上行带宽”: 下行带宽:粗略的解释就是下载数据的最大...

echojson
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部