easyui 增删该查

easyui的crud

easyui的crud（dialog，datagrid、form讲解）
1、?打开tab页
2、?创建dao
3、?Web的增删改查与配置
4、?使用datagrid承载查询数据
5、?增加和修改使用dialog与form
6、?使用ajax做删除
7、?解决tab页面重复的问题
js代码

$(function(){
	$('#dg').datagrid({    
	    url:'../userAction.action?methodName=finduname',    
	    fitColumns:true,
	    fit:true,
	    pagination:true,
	   
	    columns:[[    
	        {field:'uid',title:'id',width:100},    
	        {field:'uname',title:'名称',width:100},    
	        {field:'upwd',title:'价格',width:100,align:'right'}    
	    ]],
	    toolbar: [{
			handler: function(){
				var row=$('#dg').datagrid("getSelected");//getSelected 返回第一个被选中的行或如果没有选中的行则返回null。
				if(row){
					$('#ff').form('load',row);
					$('#dd').dialog('open');
				}
				
			}
		},'-',{
			iconCls: 'icon-add',
			handler: function(){
				$('#ff').form('clear');
					$('#dd').dialog('open');
				}
		},'-',{
			iconCls: 'icon-remove',
			handler: function(){
				var row=$('#dg').datagrid("getSelected");//getSelected 返回第一个被选中的行或如果没有选中的行则返回null。
				if(row){
					$('#ff').form('load',row);
					$('#dd').dialog('open');
					$.messager.confirm('确认','您确认想要删除记录吗？',function(r){    
					    if (r){    
					    	$('#ff').form('submit', {    
							    url:ctx+'/findAction.action?methodName=delete',      
							    success:function(data){    
							    	$('#dg').datagrid('reload'); // 重新载入当前页面数据  (刷新)   
							    }    
							});
					    }    
					});  
				}

			}
		}
		]
	});
})

function ok(){
	var SerialNo = $("#SerialNo").val();
	alert(SerialNo)
	if(SerialNo==""){
		$('#ff').form('submit', {    
		    url:'../userAction.action?methodName=add',          
		});
		$('#dd').dialog('close');//关闭窗体
		$('#dg').datagrid('reload') // 重新载入当前页面数据  (刷新)   
	}else{
	$('#ff').form('submit', {    
	    url:'../userAction.action?methodName=update',           
	});
	$('#dd').dialog('close'); //关闭窗体
	
	$('#dg').datagrid('reload') // 重新载入当前页面数据  (刷新)   
	
	}	

}


/**
 * 模糊查询
 * @returns
 */
function doSearch(){
	$('#dg').datagrid('load',{
		uname: $('#productid').val()
		
	});
}