layui//添加按钮监听（纯前端数组方式实现）

//添加按钮监听
let on = table.on('toolbar(test)', function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
switch (obj.event) {
case 'addData':
layer.open({
title: '添加用户',
type: 2,
content: './biaodan_1.html',
// 设置跳转的url，跳转到对应的页面
area: ['700px', '700px'],
btn: ['添加', '取消'],
yes: function (index, layero) {
 
//获取弹出层中的form表单元素
var formSubmit = layer.getChildFrame('form', index);
 // 获取表单中的提交按钮（在我的表单里第一个button按钮就是提交按钮，使用find方法寻找即可）
var submited = formSubmit.find('button')[0];
submited.click();
var form = $(layero).find("iframe").contents().find("#formDom");
var data = {};
$(form).find('.text').each(function (i, v) {
data[$(v).children().attr('name')] = $(v).children().val()
})
$(form).find('[type=radio]:checked').each(function (i, v) {
data[$(v).attr('name')] = $(v).val()
})
// 判断ID是否为空，或者重复
if (data.id !== "") {
for (var i = 0; i < tableData.data.length; i++) {
if (tableData.data[i].id == data.id) {
layer.msg("已有此ID请重新添写ID")
return;
}
}
 
//向假数组中追加数据并渲染
tableData.data.push(data)
table.reload('1', tableData)
layer.msg("添加成功")
layer.close(index)
} else {
layer.msg("必填项不能为空")
}
}
});
break;
};
});

最后

以上就是傲娇花瓣为你收集整理的layui//添加按钮监听（纯前端数组方式实现）的全部内容，希望文章能够帮你解决layui//添加按钮监听（纯前端数组方式实现）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。