datagrid之新增与删除

最新推荐文章于 2025-03-12 23:41:02 发布

原创

最新推荐文章于 2025-03-12 23:41:02 发布 · 516 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

该博客介绍了在datagrid中实现数据的新增、删除和批量删除功能。新增包括在界面添加增加按钮、实现点击事件及表单提交；删除涉及在datagrid中添加删除操作列及实现Ajax请求进行删除；批量删除则讲解了添加批量删除按钮、复选框以及对应的后台处理方法。

课程目标了解一下

一.新增

①在userManage.jsp界面新增一个增加按钮

<a id="btn-add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">新增</a>

②添加点击事件弹出窗体

$("#btn-add").click(function() {
		//清空表单数据
		$('#ff').form('clear');
		$("#dd").dialog("open");
		addFlag=1;
	});

界面展示

③提交表单

function submitForm() {
	/**
	 * 点击确定按钮提交表单到后台，并且是新增/修改共用的一个方法
	 */
	var row=$('#dg').datagrid("getSelected");
	var href=null;
	if(addFlag==2){
		href=$("#ctx").val()+'/book.action?methodName=edit'
	}else if(addFlag==1){
		href=$("#ctx").val()+'/book