easyui主从表实现

来源:互联网 发布:2017英格拉姆体测数据 编辑:程序博客网 时间:2024/05/04 09:15

   今天用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});}


1 0
原创粉丝点击