layui中layer.open使用时多个按钮事件的对应

btn默认是一个确认按钮,其它层类型则默认不显示,加载层和tips层则无效。当您只想自定义一个按钮时,你可以btn: ‘我知道了’,当你要定义两个按钮时,你可以btn: [‘yes’, ‘no’]。当然,你也可以定义更多按钮,比如:btn: [‘按钮1’, ‘按钮2’, ‘按钮3’, …],按钮1的回调是yes,而从按钮2开始,则回调为btn2: function(){},以此类推

	 var adjustPage = layer.open({
                type:1,
                title:['xxx','font-size:18px;'],
                area:['200px','150px'],
                content:$("#adjustInfo"),
                btn:['确定','取消'],
                yes:function(adjustPage,layero){ //yes对应第一个按钮“确定”
                   //do something
                   //添加完毕,关闭当前页面
                    layer.close(adjustPage);
                },
                btn2: function(index, layero){ //该操作对应的是“取消”按钮
					//do something
                }
            });

可参照官网解释:https://www.layui.com/doc/modules/layer.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layuilayer模块layer.open方法是一个用于弹出对话框的功能,它支持丰富的配置选项和自定义事件处理。当你使用`layer.open`打开一个对话框,你可以为特定的操作或状态变化添加自定义事件,以便在这些事件发生执行你自己的代码逻辑。 以下是一些关键的自定义事件: 1. `load`(加载完成):当对话框内容(如HTML字符串或加载外部URL的内容)完全加载完毕触发。 2. `show`(显示完成):当对话框从隐藏状态变为可见状态触发。 3. `close`(关闭):当对话框被用户点击关闭按钮或通过程序调用`layer.close`关闭触发。 4. `resize`(尺寸改变):当对话框大小发生变化触发。 5. `dragend`(拖拽结束):当对话框拖动结束触发。 6. `form`(表单提交):如果对话框包含表单并且被提交触发。 要添加自定义事件,你需要在`layer.open`的配置对象指定事件名称和对应的回调函数。例如: ```javascript layer.open({ type: 1, // 1代表对话框类型 title: '自定义事件示例', content: '这是一个弹出框', btn: ['确定', '取消'], // 可选按钮数组 shadeClose: true, // 是否点击遮罩关闭 area: ['auto', 'auto'], // 指定宽高,单位是px,默认是整个浏览器窗口 events: { 'click .custom-btn': function(index, layero, elem) { // 点击特定按钮 // 这里写你的自定义操作 }, 'form.formId.submit': function(index, form) { // 表单提交 // 表单验证并处理数据 }, close: function(index, type) { // 关闭执行 console.log('对话框被关闭'); } } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值