Layer弹窗长用总结

Layer依赖：http://layer.layui.com/

弹出层

layer.msg('成功！', {time: 2000, icon: 6,anim: 4});    //1对勾2叉叉3问号4锁5哭脸6笑脸7惊叹号 //anim动画效果

页面层

layer.open({
    type: 2,//
    title: '标题',
    area: ['70%', '100%'],
    fix: false,                  //不固定
    maxmin: true,                //是否允许最大最小化
    content: 'test.html',        //页面路径
    btn: ['选入', '取消'],        //按钮事件
    shadeClose: true,            //是否允许点击阴影关闭
    scrollbar: false，           //屏蔽浏览器滚动条    
    yes: function (index, layero) {
        var iframeWin = window[layero.find('iframe')[0]['name']];
        var data = iframeWin.select();
        if (data == null || data == "") {
            layer.alert("请选择员工！", {icon: 6});
            return true;
        }
        var reciptors = $("#reciptors").val();
        if (reciptors == null || reciptors == "") {
            for (var item in data) {
                reciptors += data[item].no + ',';
            }
            reciptors = reciptors.substring(0, reciptors.length - 1);
        } else {
            for (var item in data) {
                reciptors += ',' + data[item].no;
            }
        }
        $("#reciptors").val(reciptors);
        layer.close(index);
    },
    cancel: function (index) {
    }
});

询问框

layer.confirm('确定删除吗？', {
    btn: ['确定', '取消'] //按钮
}, function () {
    $.get('${ctx}/hrm/hrmStaffOfficeInformation/delete?id=' + dataList[0].id, function (result) {
        if (result.code == '2000') {
            layer.msg('删除成功！', {time: 2000, icon: 6});
            $('#bootstrap-table').bootstrapTable('refresh');
        } else {
            layer.msg(result.msg, {icon: 5});
        }
    }, 'json');
} );