EasyUI实现动态新增和删除表格行，编辑完成后提交数据

实现动态新增和删除表格行：

1. 添加一行：使用EasyUI的datagrid的appendRow方法，将新的一行数据添加到表格中。

2. 删除一行：使用EasyUI的datagrid的deleteRow方法，将选中的行数据从表格中删除。

实现编辑完成后提交数据：

1. 监听编辑完成事件：使用EasyUI的datagrid的onAfterEdit事件，在编辑完成后触发。

2. 获取编辑后的数据：使用EasyUI的datagrid的getChanges方法，获取编辑过的数据。

3. 提交数据：使用Ajax将编辑后的数据提交到后台进行处理。

示例代码：

添加一行：

$('#datagrid').datagrid('appendRow',{
id: '001',
name: '张三',
age: 25,
gender: '男'
});

删除一行：

var row = $('#datagrid').datagrid('getSelected');
if (row){
var index = $('#datagrid').datagrid('getRowIndex', row);
$('#datagrid').datagrid('deleteRow', index);
}

编辑完成后提交数据：

$('#datagrid').datagrid({
onAfterEdit: function(index, row){
var changes = $('#datagrid').datagrid('getChanges');
$.ajax({
url: 'saveData.php',
type: 'post',
data: changes[0],
success: function(data){
alert('保存成功！');
},
error: function(){
alert('保存失败！');
}
});
}
});