easyUI——实现增 删 改功能

增加修改功能

	//由于新增图书和修改图书的弹出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();
				}
			});
		});