用到的是layui的框架 ,但是知识是jquery的,前端知识较为薄弱...感谢大神们,特此总结
//监听行工具事件
table.on('tool(test)', function (obj) {
//把所有数据传到data
var data = obj.data;
//console.log(obj)
if (obj.event === 'del') {
layer.confirm('真的删除行么', function (index) {
$.ajax({
url: '/student/deleteStudent',
type: 'post',
// contentType:"application/json;charset=utf-8",
//删除传递一个form data
data: {
id: data.id
},
dataType: "json",
success: function (response) {
console.log(response)
layer.msg(response.msg);
if (response.code == 200) {
tableShow()
}
},
error: function (response) {
console.log("出错" + response)
console.log(JSON.stringify(response))
}
});
layer.close(index);
});
} else if (obj.event === 'edit') {
//d出表单
layer.open({
type: 1
, title: '编辑信息' //不显示标题栏
, closeBtn: false
, area: ['500px', '600px'] // 宽和高
, shade: 0.8
, id: 'LAY_layuipro' //设定一个id,防止重复d出
, btn: ['更新', '取消']
, btnAlign: 'c'
, moveType: 1 //拖拽模式,0或者1
, content: $('#update_form').html() // 引入自定义表单
, btn1: function (index, layero) { // 这个是新增按钮点击事件
$.ajax({
url:'/student/updateStudent',
type:'post',
contentType:"application/json;charset=utf-8",
data:JSON.stringify({
id:data.id,
stuName:$("#update_stuName").val(),
sex: $("input[name='update_sex']:radio:checked").val(),
stuBirth:$("#update_stuBirth").val(),
stuPhone:$("#update_stuPhone").val(),
stuEmail:$("#update_stuEmail").val(),
stuLevel:$("#update_stuLevel").val(),
stuAddress:$("#update_stuAddress").val(),
stuNote:$("#update_stuNote").val
}),
dataType:"json",
success:function (response){
console.log(response)
console.log(JSON.stringify(response))
},
error:function (response){
console.log("出错"+response)
console.log(JSON.stringify(response))
}
})
}
, success: function (layero) {
// 初始化d出表单
$("#update_id").val(data.id);
$("#update_stuName").val(data.stuName);
$("input[name=update_sex][value='男']").attr("checked", data.sex == '男' ? true : false);
$("input[name=update_sex][value='女']").attr("checked", data.sex == '女' ? true : false);
$("#update_stuBirth").val(data.stuBirth);
$("#update_stuPhone").val(data.stuPhone);
$("#update_stuEmail").val(data.stuEmail);
$("#update_stuLevel").val(data.stuLevel);
$("#update_stuAddress").val(data.stuAddress);
$("#update_stuNote").val(data.stuNote);
}
});
}
});
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)