`
单一色调
  • 浏览: 85559 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

SSH+EASYUI构建动态数据列表

阅读更多

如图所示:

在对渠道分析的时候,想查看渠道的详细信息,每个渠道的下载方式不同,信息编号也不同,这就需要构建动态数据列表,EASYUI动态解析列表。



 

 
 1、前台页面:

      给分析按钮注册事件。

 

function detailWid()
	{
		var rows = $('#admin_adinstallbywid_datagrid').datagrid('getChecked');
		wid = rows[0].wid;
		time= rows[0].time;
		$.ajax({
			type:"POST",  
			dataType:"json",  
          			async:true,  
					url:'${pageContext.request.contextPath}/adInstallResultAction!getAdInstallResultByDetail.action?wid='+wid+'&time='+time,
					success:function(response){
				$("#analyseDetail").datagrid(
					{columns:new Array(response.columns),			//动态解析后台columns
					 title:wid+"渠道分析"
					}
					).datagrid("loadData",response);  
			   }				
		});

		$('#admin_adresultbydetail_datagrid').dialog('open');

	}

 2、后台Service层构建前台返回数据,由于不是实体类,就用普通数组存储。

public DataGrid datagridByDetail(PageUse pageUse) 
	{	
		DataGrid dg =  new DataGrid();
		//分组查询所有adid
		String hql="select count(adid),adid from AdInstallResult where wid='"+pageUse.getWid()+"' and substring(time,1,10)='"+pageUse.getTime()+"' group by adid";
		List list=adInstallResultDao.find(hql);
		Map<String,String> map=new HashMap<String,String>();
		for(int i=0;i<list.size();i++)
		{
			Object[] object=(Object[])list.get(i);
			map.put(String.valueOf(object[1]), String.valueOf(object[0]));
		}
		
		String hql2="select count(adflag),adflag from AdInstallResult where wid='"+pageUse.getWid()+"' and substring(time,1,10)='"+pageUse.getTime()+"' group by adflag";
		List list2=adInstallResultDao.find(hql2);
		for(int j=0;j<list2.size();j++)
		{
			Object[] object=(Object[])list2.get(j);
			map.put(String.valueOf(object[1]), String.valueOf(object[0]));
		}
				
		//遍历map
		List<Object> rowsList=new ArrayList<Object>();
		List<Object> columnList=new ArrayList<Object>();
		rowsList.add(map);
		Map<String,Object> columnMap;
		for(Iterator iter=map.entrySet().iterator();iter.hasNext();)
		{	
			//动态构建columns列
			Map.Entry<String, String> entry=(Map.Entry<String, String>)iter.next();
			columnMap=new HashMap<String,Object>();
			columnMap.put("field", entry.getKey());
			columnMap.put("title", entry.getKey());;
			columnMap.put("width", "100");
			columnList.add(columnMap);
			
		}
		
		dg.setTotal(1);
		dg.setRows(rowsList);
		dg.setColumns(columnList);
		return dg;
	}

 

 

  • 大小: 44.6 KB
  • 大小: 39.5 KB
分享到:
评论

相关推荐

    SSH+EasyUI权限管理系统

    在SSH+EasyUI系统中,Hibernate用于将Java对象映射到数据库表,使得开发者可以使用面向对象的方式来操作数据,而无需编写繁琐的SQL语句。 4. **EasyUI**:EasyUI为前端界面提供了丰富的组件,如表格、下拉框、按钮...

    SSH+easyUi的小项目

    在EasyUI的表格组件中,用户可以看到学生列表,通过下拉框选择操作,触发Ajax请求,Struts和Hibernate在后台处理数据,最后EasyUI更新显示的结果。 通过这个小项目,新手可以学习到如何整合SSH框架实现后端业务逻辑...

    ssh+easyui

    例如,使用EasyUI的datagrid组件显示由Struts2 Action返回的数据列表,通过Ajax异步请求更新数据,同时利用Spring的服务层处理业务逻辑和数据持久化。 6. **学习和实践**:"ssh+easyui"组合适合初学者了解和掌握...

    SSH+EasyUI项目demo

    SSH+EasyUI是一个常见的Web开发框架组合,常用于构建企业级的后台管理系统。SSH是指Spring、Struts2和Hibernate三个开源框架的缩写,而EasyUI则是一个基于jQuery的前端UI库,它提供了丰富的组件和美观的界面设计,...

    SSH+easyUI项目

    3. **数据绑定**:EasyUI与后台数据紧密集成,可以方便地与Ajax进行交互,实现数据的动态加载和编辑。 4. **主题系统**:EasyUI提供了多种预设主题,可以根据项目需求选择合适的风格,也可以自定义主题以满足个性化...

    SwfUpload+ssh+easyui实现的文件上传

    当文件到达服务器后,SSH框架中的Struts2控制器会接收到文件数据,然后通过Spring的服务层进行业务逻辑处理,这可能包括验证文件类型、大小等。最后,Hibernate会被用来将文件的基本信息(如文件名、大小、上传时间...

    ssh+easyui 图书管理系统

    "SSH+EasyUI 图书管理系统"是一个基于Java技术栈,结合EasyUI前端框架以及MySQL数据库构建的Web应用程序。这个系统的主要功能是对学生和图书信息进行高效管理,同时也支持学生的图书借阅操作。下面将详细解释这个...

    easyui+ssh(增删改模糊查询,导出数据)

    总结,EasyUI+SSH的整合运用,旨在提升Java Web应用的开发效率和用户体验,通过前端的友好界面和后端的强大功能,实现数据的高效管理和交互。这个示例项目是一个很好的学习起点,能够帮助开发者掌握这两种技术的集成...

    SSH+Easyui之TreeGrid树形展现数据

    标题"SSH+Easyui之TreeGrid树形展现数据"表明我们要讨论的是如何在SSH框架下利用EasyUI的TreeGrid组件来展示层次结构的数据。TreeGrid是一种结合了表格和树形结构的组件,它可以在同一视图中展示数据的层级关系,这...

    SSH+easyui整合的myeclipse工程可做开发环境或者例子学习

    SSH+EasyUI整合的MyEclipse工程是一个完整的Java Web开发框架示例,旨在提供一个便捷的开发环境,供开发者进行快速应用开发或学习。这个工程将四大流行框架——Struts2、Hibernate3、Spring和EasyUI集成在一起,形成...

    ssh+easyui+dategrid

    SSH是一个常见的Java Web开发框架组合,用于构建后端业务逻辑,而EasyUI则是一个基于jQuery的前端UI库,DateGrid是EasyUI的一个组件,用于展示数据表格并支持数据操作。 SSH框架详解: 1. Struts2:是一个MVC...

    基于ssh+easyui的通讯录管理小项目

    【基于SSH+EasyUI的通讯录管理...总之,这个小项目展示了SSH框架如何与前端库EasyUI协同工作,构建一个完整的通讯录管理系统。开发者从中可以学习到Java Web开发中的MVC架构、数据库操作、前端UI设计等多个方面的知识。

    struts2+spring+hibernate+easyui管理框架

    Struts2+Spring+Hibernate+EasyUI 是一个经典的Java Web开发框架组合,广泛应用于企业级应用的构建。这个管理系统利用这些技术的特性,提供了一种高效、稳定且易于维护的解决方案。 **Struts2** 是一个强大的MVC...

    InterviewSys SSH+easyUI+MySql Demo

    【SSH框架介绍】 SSH是Spring、Struts和Hibernate三个开源框架的组合,广泛应用于Java Web开发...通过查看源代码和配置文件,可以深入学习SSH框架的使用方法,以及EasyUI如何与后端数据交互,从而提升自己的开发技能。

    学生信息管理系统(SSH+EasyUI)---入门项目

    SSH(Struts2、Spring、Hibernate)是一个经典的Java Web开发框架组合,它为开发者提供了强大的功能和灵活的架构,而EasyUI则是一个基于jQuery的UI库,用于快速构建美观、响应式的用户界面。在这个“学生信息管理...

    SSH+shiro+easyUI实战项目案例

    SSH+Shiro+EasyUI是Java Web开发中的一个重要组合,用于构建高效、安全的企业级应用程序。这个实战项目案例涵盖了Spring、Struts2和Hibernate(SSH)三大框架的整合,以及Apache Shiro的安全管理和EasyUI的前端界面...

    基于SSH的EasyUI的数据增删改查

    SSH负责后端业务逻辑和数据管理,EasyUI则专注于前端用户界面的构建。两者相辅相成,使得开发者能够更高效地构建出功能完备、用户体验优秀的Web应用。在实际项目中,通过熟练掌握这些技术,可以大大提高开发效率和...

    管理系统系列--基于SSH+easyUI+ActiveMQ+MySQL的校园宿舍管理系统。 分为系统管理员、楼宇管理.zip

    SSH、easyUI、ActiveMQ和MySQL是构建这个系统的关键技术组件。 **SSH(Struts2 + Spring + Hibernate)**: SSH是一个流行的企业级Web应用开发框架,由Struts2、Spring和Hibernate三个开源框架组成。Struts2是MVC...

    请假审批系统++ssh+oracle +easyui .zip

    【请假审批系统++ssh+oracle +easyui .zip】是一个包含企业级请假审批流程管理系统的压缩包,该系统集成了多种技术,旨在提供一个高效、便捷的请假申请和审批流程。下面将详细介绍其中的关键技术及其在系统中的作用...

    SSH+Jquery easyUI后台管理系统

    SSH+jQuery EasyUI后台管理系统是一种基于Struts2(S)、Spring(S)和Hibernate(H)三大开源框架的Web应用程序开发模式,结合jQuery EasyUI前端框架,构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...

Global site tag (gtag.js) - Google Analytics