btn: ['导入', '重置', '保存', '生成委托单', '二次建单', '提交', '关闭'], 点击按钮layui模态框会关闭
时间: 2023-08-20 07:06:16 浏览: 132
根据您提供的代码,layui模态框默认行为是点击按钮后关闭模态框。如果您希望点击按钮后不关闭模态框,您可以使用 `btnX` 参数来自定义按钮的事件处理逻辑。
以下是一个示例代码,展示了如何在 layui 模态框中点击按钮后不关闭模态框:
```javascript
layer.open({
type: 2,
title: '模态框示例',
area: ['400px', '300px'],
content: '/Main/MT1',
btn: ['导入', '重置', '保存', '生成委托单', '二次建单', '提交', '关闭'],
maxmin: true,
scrollbar: false,
yes: function(index, layero) {
// 导入按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn2: function(index, layero) {
// 重置按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn3: function(index, layero) {
// 保存按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn4: function(index, layero) {
// 生成委托单按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn5: function(index, layero) {
// 二次建单按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn6: function(index, layero) {
// 提交按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
btn7: function(index, layero) {
// 关闭按钮点击事件处理逻辑
// ...
// 阻止关闭模态框
return false;
},
success: function(layero) {
var btnLayer = layero.find('.layui-layer-btn');
btnLayer.css({
'text-align': 'center',
'background-color': '#33ABA0',
'color': '#33ABA0',
'border': 'none'
});
}
});
```
在上述代码中,我们使用了 `yes`、`btn2`、`btn3`、`btn4`、`btn5`、`btn6` 和 `btn7` 参数来分别定义按钮的点击事件处理程序。在每个处理程序中,您可以编写相应的逻辑代码,并使用 `return false;` 来阻止关闭模态框。
请注意,示例中的点击事件处理逻辑是空的,您需要根据实际情况填充相应的代码。
希望这可以解决您的问题!如果还有其他问题,请随时提问。
阅读全文