highcharts click事件获取数据传给datagrid ，动态加载数据

最新推荐文章于 2023-08-01 14:23:05 发布

阿晖666

最新推荐文章于 2023-08-01 14:23:05 发布

阅读量1.8k

点赞数

分类专栏： Java设计 web前端

本文链接：https://blog.csdn.net/lixinhui199/article/details/50724695

版权

点击highcharts的柱子会触发click事件，并将数据传给后台获取到相应部门下的所有员工信息显示在datagrid

如下：添加在charts的初始化里

plotOptions : {
			series : {
				cursor : 'pointer',
				events : {
					click : function(e) {
						var value=e.point.id;
						location.href ="user/showTable.shtml?id=" +value;
					}
				}
			},

这里的e.point.id 是我再后台返回json数据时在jsonobject添加的，表明了部门的id编号，这样后台就可以根据id获取该部门下的用户

在后台，json数据里获取到了一些value，会显示上一篇的效果。

@RequestMapping(value="/getChartsJson" ,produces = "text/html;charset=UTF-8")
	@ResponseBody
	public String getJson() {
		/*
		JSONObject params = new JSONObject();
		params.put("name", deptService.getDeptname());
		params.put("count", userService.getDeptCountList());
		*/
		List<Integer> listcount=userService.getDeptCountList();
		List<String> listname=deptService.getDeptname();
		List<Integer> listdeptid=deptService.getDeptid();
		
		JSONArray jsonarray=new JSONArray();
		for(int i=0;i<listcount.size();i++){
			JSONObject params = new JSONObject();
			params.put("name", listname.get(i));
			params.put("count", listcount.get(i