easyui主从表实现

Posted 2021-11-27 xfgnongmin

?? 今天用easyui做了一个主从表的查询，当然兴许还会做编辑功能，用的是firefox debug ，感觉跟踪起来还是比較方便，曾经做delphi开发。不用注意大写和小写问题，今天用easyui做前端时，让我痛苦了半天，前端的字段名用的大写，后端转来的json字段是小写，怎么搞数据都不显示，仅仅是显示多少行。还有后台用的php，也是区分大写和小写的，post传的是大写參数名，处理POST參数时，却写的是小写參数名。一開始没留意。也是郁闷了半天才搞定。

??? 曾经做c/s程序开发，如今开发web的功能多了，感觉WEB开发也没那么难，并且web开发中MVC模式能非常好的得到体现。做好前端后，后端用什么语言都无所谓，java,c#,php都行，更利于团队开发(招人也不用非得招懂哪种语言的)，做前端的，仅仅要调用后台提供的web地址就可以，前端就能显示返回的数据。WEB开发的很多其它优点仅仅能在开发中慢慢体会了！下面是刚出炉的主从表查询界面

上图中的数据是从通达OA工作流中提取出来。明细显示花了点时间。是从一个字段值中提取出来，转换成行的！

主记录是通过调用load方法载入数据

//查找主记录
function FindData(findtype){
	var guid=getGUID();
	$(‘#grid‘+findtype+‘_‘+guid).datagrid(‘load‘,{
			myhash:(new Date()).getTime+Math.random(),
			FindType:findtype,
			RUNID:$(‘#runid‘+findtype+‘_‘+guid).val(),
			BeginDate:$(‘#begindate‘+findtype+‘_‘+guid).val(),
			EndDate:$(‘#enddate‘+findtype+‘_‘+guid).val()
	}); 
}

//载入明细
function LoadDetails(findtype,runid){
	$(‘#griddetail‘+findtype+‘_‘+getGUID()).datagrid(‘load‘,{
		myhash:(new Date()).getTime+Math.random(),
		FindType:findtype,
		RUNID:runid		
	});
}