DataGrid之增加与删除

目标：DataGrid之修改 在上节课的基础上添加增加与删除操作

一，增加

思路：

1，查询旁边添加新增按钮

2，添加点击事件弹出窗体

3，提交表单

4，窗体关闭

5，刷新数据表格

1，查询旁边添加新增按钮

在jsp界面添加一个增加按钮 id为btn-add
<a id=“btn-add” href="#" class=“easyui-linkbutton” data-options=“iconCls:‘icon-search’”>新增

2，添加点击事件弹出窗体

/*增加的点击事件*/
	$("#btn-add").click(function(){
   
		/*清空表单数据*/
		$('#ff').form('clear');
		/*打开窗口*/
		$("#dd").dialog("open");
        
        addFlag = 1;
	});

var addFlag = 0;

注意：在提交时，判断用的是用新增方法还是编辑方法，则需在点击事件外建立addFlag属性，以及定义一个href为null，点击修改时， addflag变为2，点击增加时，addflag变为1，之后进行判断，如果addFlag为1，则调用新增方法，如addFlag为2，则调用修改方法

3，提交表单 与 4，窗体关闭 及 5，刷新数据表格

/*提交事件*/
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.action?methodName=add'
	}
	
	$('#ff').form('submit', {
   
		url: href,
		success: function(data){
   
			if(data == 1){
   
				/*关闭窗口*/
				$("#dd").dialog("close");
				/*刷新*/
				$('#dg').datagrid