管理看板--地图联动功能设置
管理看板地图联动功能设置
客户需求是在DBD管理看板中实现地图与报表统计图的联动功能,例如点击某区域实现报表与图表的跟随联动的功能.
该任务可基于DBD的jsp的联动机制
具体步骤如下:
1.新建一个人口统计报表修改mis2\reportcenter\res\dbd_map_demo\tongJiRenKou.jsp中iframe中src报表展现的资源的id
如:
<iframe id="tongji" src="<%=path%>/mis2/vrsr/showReport1.jsp?resID=12786&resName=5Lq65Y_j57uf6K6h6KGo&resType=18&toolbarLocation=none".....
$("#tongji").attr("src",path + "/mis2/vrsr/showReport1.jsp?resID=30845&resName=5Lq65Y_j57uf6K6h6KGo&resType=18&toolbarLocation=none&" + data);
中的resID修改成新的资源id
2. 新增dbd组件,以URL方式,路径/mis2/reportcenter/res/dbd_map_demo/tongJiRenKou.jsp
3,新建一个中国地图, 将“区域超链接”中手动输入的URL设置成为javascript:parent.parent.change(@areaId)
4. 修改 mis2\reportcenter\res\dbd_map_demo\chinaMap.jsp中的资源id,如
<iframe id="map" src="<%=path%>/mis2/vrsr/showReport1.jsp?resName=5Lit5Zu95Zyw5Zu_MQ,,&resType=18&resID=12785&toolbarLocation=none".....
将resID修改为原“中国地图”的资源的id或新建的“中国地图”的id
再修改一个地方的资源id
$("#map").attr("src",path + "/mis2/vrsr/showReport1.jsp?resID=30011&toolbarLocation=none&resType=18&areaId=" + id);
修改resID=30011为“资源中心 > Demo > 统计图 > 地图 > 省份地图”的资源id。(如果不想使用原demo中的省份地图,也可以新建一个,修改一下id即可)
5. 新建dbd组件,使用url方式,路径为/mis2/reportcenter/res/dbd_map_demo/chinaMap.jsp
6,新建面板将组件添加到面板中调整组件的宽高
具体效果图:
点击北京区域
相关jsp文件见附件