layui 弹窗的btn 函数中获取 调用子页面的函数
时间: 2023-12-25 19:03:59 浏览: 92
layui 对弹窗 form表单赋值的实现方法
如果你想在layui弹窗的btn函数中获取调用子页面的函数,需要先在弹窗的父页面中定义该函数,然后将该函数作为参数传递给弹窗子页面。在弹窗的btn函数中,你可以通过参数获取该函数并调用它。具体实现可以参考如下代码:
// 父页面
layui.use(['layer'], function() {
var layer = layui.layer;
// 定义调用子页面的函数
function handleChildButtonClick() {
console.log('Child button clicked.');
}
function openModal() {
layer.open({
title: 'Modal',
content: '<button id="childButton">Child Button</button>',
btn: ['Ok', 'Cancel'],
yes: function(index) {
// 通过参数获取父页面传递过来的函数
handleChildButtonClick();
layer.close(index);
},
success: function(layero, index) {
// 绑定子页面按钮的点击事件
layero.find('#childButton').on('click', function() {
handleChildButtonClick();
});
}
});
}
$('#openModal').on('click', openModal);
});
// HTML
<button id="openModal">Open Modal</button>
在上面的代码中,父页面在layui.use中定义了handleChildButtonClick函数,并在openModal函数中将该函数作为参数传递给layer.open方法。在弹窗的btn函数中,通过参数获取该函数并调用它。
此外,父页面还在success回调函数中绑定了子页面按钮的点击事件,并在该事件处理函数中调用了handleChildButtonClick函数。
阅读全文