【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
489 0
【Layui】子页面向父级页面传递参数
【Layui】子页面向父级页面传递参数
1698 0
【Layui】子页面向父级页面传递参数
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
961 0
|
JSON 数据格式 容器
Layui 内置方法 - layer.photos(相册层)
Layui 内置方法 - layer.photos(相册层)
2539 0
|
容器
layui下拉多选框xm-select.js插件的使用
layui下拉多选框xm-select.js插件的使用
1655 0
|
前端开发
Layui 内置方法 - layer.load(加载层)
Layui 内置方法 - layer.load(加载层)
3101 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
3988 0
|
6月前
|
前端开发 JavaScript API
前端组件库Layui知识点大全(一)
教程来源 https://hllft.cn/category/artificial-intelligence.html Layui是由国内开发者“贤心”于2016年推出的开源前端UI框架,秉持“返璞归真”理念,不依赖Webpack等工程化工具,基于原生HTML/CSS/JS与轻量模块化规范,专为后端开发者、初学者及追求高效开发的群体设计,低门槛、拿来即用。
|
5月前
|
前端开发 JavaScript API
前端组件库 ——LayUI 知识点大全(一)
教程来源 http://oplhc.cn LayUI是由国内开发者“贤心”于2016年推出的经典模块化前端UI框架,MIT开源。不依赖Vue/React等现代框架,零配置、低门槛、开箱即用,尤受后端开发者与中小项目青睐。2026年仍持续更新,最新版2.11+强化组件与工程化支持。

热门文章

最新文章