新增 修改
//由于新增图书和修改图书的弹出Dialog共用 封装
function getData(type,row){
let myTitle = '书籍新增';
let action = "/addBook.do"
if(type === 'add'){
myTitle = '书籍新增'
}else if(type === 'edit'){
myTitle = '书籍编辑';
action = "/editBook.do"
}
$('#dd').dialog({
title: myTitle,
width: 400,
height: 255,
closed: false,
cache: false,
href: xPath+'/editBook.jsp',
modal: true,
buttons:[{
text:'保存',
handler:function(){
//alert("保存");
//获取表单中的数据,调用方法 传递到servlet中
$.ajax({
url:xPath+action,
//参数传递:jQuery的选择器传递 jQuery方法
data:$("#bookForm").serialize(),
datatype:"JSON",
success:function(data){
if(data.success){
$.messager.alert('消息','操作成功');
//关闭窗口
$("#dd").dialog('close');
//重新加载
mydemo();
}
}
});
}
},{
text:'关闭',
handler:function(){
//alert("关闭");
//调用的方法dialog 参数方法close来源于panel
$("#dd").dialog('close');
}
}],
//点击按钮弹出Dialog窗口是触发的加载事件
onLoad: function() {
alert(123)
if(row) {
$("#bookForm").form("reset");
$('#bookForm').form('load',row);
}
}
});
}
删除
//删除的点击事件
$("#delBookId").click(function(){
//alert(123);
//1.获取选中的行 getSelected方法 获取是否选中行
let row = $('#bookListID').datagrid("getSelected");
//console.log(row);
//判断 没有选中 无操作
if(!row){//空 没有选中
$.messager.alert('信息',"请选中行再操作");
return;
}
//动用jQuery提供的ajax方法 id丢过去 id row.bid
//DelBook.do
$.post(xPath+"/DelBook.do",{"bid":row.bid},function(data){
if(data.message){
$.messager.alert('信息',"删除成功");
//重新加载
mydemo();
}
});
});