layui自定义打开弹出层

最新推荐文章于 2025-09-11 02:20:37 发布

原创最新推荐文章于 2025-09-11 02:20:37 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何利用layer.js库创建一个响应双击表格行的弹出窗口，包含自定义按钮和内容，展示了如何设置弹窗的属性如大小、位置、遮罩等，并实现了通过按钮触发不同功能。

 function onDblClickRow(row, $element){
        var a = ['按钮1','按钮2','按钮3'];
        var id = row.id;
       
        layer.open({
            type: 2,
            area: [95 + '%', 95 + '%'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: '标题栏',
            content: //此处填写路径,
            btn: a,
            // 弹层外区域关闭
            shadeClose: false,
            btn1:function(index,layero){
               
            },
            btn2:function(index,layero){
                
            },
            btn3: function(index) {
                return true;
            },
        });
    }