easyui---书籍删除及修改功能

最新推荐文章于 2024-10-12 10:19:22 发布

白敬亭的鞋44ma

最新推荐文章于 2024-10-12 10:19:22 发布

阅读量251

点赞数

分类专栏： javaweb 文章标签： easyui 前端 javascript

本文链接：https://blog.csdn.net/qq_66924116/article/details/124697316

版权

本文介绍了如何使用EasyUI实现图书管理系统的删除和修改功能。删除功能通过点击工具栏的删除按钮，确认后发送AJAX请求到后台Servlet进行数据删除。修改功能则是打开一个新的对话框，展示编辑界面，用户修改后通过POST请求更新数据。

摘要由CSDN通过智能技术生成

一、删除

---1.显示对话框


		 //打开对话框
		function openDialog(row){
			//alert(row);
		 var title="增加书籍";
		var url="/addBookServlet";
			if(row!=undefined){//说明是修改undefined
				title="修改书籍";
				url="/updateBookServlt";
			}
			$('#myDialog').dialog({  
			    title: title, //标题  
			    width: 400,    
			    height: 300,    
			    closed: false,    
			    cache: false,  //缓存  
			    href: 'editBook.jsp', //加载页面   
			    modal: true ,  //是否出现模态框效果
			    onLoad:function(){
			    	if(row!=undefined){//说明是修改
			    	$("#myForm").form('reset');//选中编辑特效
			    		$('#myForm').form('load',row);	//读取记录填写表单
			    	}
			    	
			    },
			    buttons:[{//按钮事件
					text:'确认',
					handler:function(){
						//向后台发送请求
						$.ajax({
							url:ctx+url,//请求servletl--请求地址
							data:$("#myForm").seri