Layui实现弹出层监听与关闭的完整流程
作者:橙子时间:2026-10-23 10:52:55浏览:247
本文介绍如何在Layui中通过监听工具条触发弹出层,获取当前行数据与事件参数,并在用户输入确认后执行关闭操作。核心代码展示了layer.prompt的用法及layer.close(index)的调用时机,适用于需要用户确认输入的交互场景。
Layui弹出层监听与关闭实现
实现一个弹出小型输入页面的功能。
具体代码实现如下:
/*监听工具条*/
table.on('tool(test)', function(obj){
var data = obj.data; /*获得当前行数据*/
var layEvent = obj.event; /*获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)*/
var tr = obj.tr; /*获得当前行 tr 的DOM对象*/
if(layEvent === 'crypto'){//跳转生成秘钥页面
layer.prompt({title: '输入登陆密码,并确认', formType: 1}, function(pass, index){
checkoutPass(pass,data.id,index);//pass密码、格式也是不显示,data.id当前id,index当前弹出层(后面会根据layui.close(index)关闭弹出层)
/* layer.prompt({title: '随便写点啥,并确认', formType: 2}, function(text, index){
alert(text+"+"+index);
layer.close(index);
layer.msg('演示完毕!您的口令:'+ pass +'<br>您最后写下了:'+text);
}); */
})
/* openIframe('生成密钥','/crypto/'+data.id); */
}
以上关于Layui关闭层级及简单监听的实例内容到此结束,希望能为读者提供有效参考,并感谢大家的支持。
作者最新文章
JS脚本在App中运行报错怎么解决
2026-11-04 23:11:03
JS怎么使用padStart方法给数字补零
2026-11-04 11:12:03
JS是什么意思?JavaScript全称及基本定义
2026-11-04 08:05:29
JS 使用 toFixed(1) 保留一位小数的基本用法与注意事项
2026-11-03 18:34:57
JS字符串转整数:parseInt与Number的区别及用法
2026-11-03 17:26:54
