【layui】layer.open常用参数解释

简介: 【layui】layer.open常用参数解释

常用参数:

var detailOpen = layer.open({
   基本层类型:0(信息框,默认)1(页面层)2(iframe层,也就是解析content)3(加载层)4(tips层)
     type: 2
    ,title: '弹出标题'
    ,content: '跳转页面,比如index.html'
    ,maxmin: true
    ,area: ['800px', '600px']
    ,btn: ['确定', '取消']
    ,yes: function(index, layero){
        //点击第一个按钮执行
    }
    ,bt2:function (index, layer){
        //点击第二个按钮执行
    }
    ,end:function(){
        // 层销毁后触发的回调:无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数
    }
    ,cancel:function(index, layero){
        //点击右上角叉号执行,默认关闭 不想关闭则返回false
        if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时,该层才会关闭
            layer.close(index);
        }
        return false;
    }
    ,success: function(layero, index){
        var body = layer.getChildFrame('body', index);  //巧妙的地方在这里哦
        body.contents().find("#trainId").val(obj.data.id);
        form.render(); //更新全部
    }
    ,full: function(layero){
        // 最大化后触发的回调:携带一个参数,即当前层DOM
    }
    ,min: function(layero){
        // 最小化后触发的回调:携带一个参数,即当前层DOM
    }
    ,restore: function(layero){
        // 还原后触发的回调:携带一个参数,即当前层DOM
    }
});
相关文章
|
JavaScript 前端开发
Layui 弹层组件 - 基础参数1
Layui 弹层组件 - 基础参数1
430 0
【Layui】子页面向父级页面传递参数
【Layui】子页面向父级页面传递参数
1643 0
【Layui】子页面向父级页面传递参数
|
前端开发
Layui 内置方法 - layer.load(加载层)
Layui 内置方法 - layer.load(加载层)
2992 0
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
898 0
|
容器
layui下拉多选框xm-select.js插件的使用
layui下拉多选框xm-select.js插件的使用
1586 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
3868 0
|
JavaScript 前端开发 开发者
Layui layer 弹出层的使用【笔记】
本文介绍了Layui的layer弹出层组件的使用方法,包括如何通过在线CDN引入Layui的CSS和JS文件,以及如何使用layer.open(options)开启弹出层和layer.close(index)关闭弹出层。文章详细说明了弹出层类型的分类、options选项的参数配置,以及回调函数的使用。通过示例代码,展示了如何创建不同类型的弹出层,包括对话信息框、页面层、内联框架层、加载层和tips层。
|
存储 前端开发 数据挖掘
前端框架Layui实现动态表格效果用户管理实例(对表格进行CRUD操作-附源码)(一)
前端框架Layui实现动态表格效果用户管理实例(对表格进行CRUD操作-附源码)
576 0
layer.open的常用参数例子
layer.open的常用参数例子
788 1