cognos列表与图形联动效果

xiaoerp

cognos中有列表和图形，但是表和图之间总是孤立的，刷新页面也都是全页面刷新，于是经理在想，是否有个方法能在点击cognos列表时旁边的cognos图表能够实时的变动，类似flex中的绑定效果。在老板的强烈催促下，经理也没什么时间去网上去找去问，觉得凭自己以前的一些J2EE老底子加上report studio中强大的HTML项目貌似可以搞定,于是开搞了...
首先给大家看看数据库
  

一、先用report studio建立一个带参数的cognos饼图报表(这里可以随便是什么图)，报表灰常简单
  
设置参数名为par3，并把此报表保存为a1
二、再用report studio建立一个列表，如图
  

经理在这里多用了html项目，因为cognos在页面上封装的太好了，只能这样拼凑脚本。
基本的原理就是在列表旁边放置一个html项目，其内容是一个iframe，其连接也就是刚刚做好的那个带参数的饼图报表。
然后在列表中放置一个label，在label中设置点击事件出来iframe链接（其实这样就换了一个参数）及重新载入。

其中
1的代码如下，他主要是点击的列表触发的事件
1<script type="text/javascript">
2    function changeframe(par)
3    {
4        sname="http://localhost/cognos8/cgi-bin/cognos.cgi?b_action=cognosViewer&ui.object=/content/package[@name='aa']/report[@name='a1']&ui.action=run&run.prompt=false&p_par3="+par;
5        frameChart.location.href=sname;
6    }
7</script>



2到6主要就是定义一个含有点击事件的label
2的代码为
1<u><label  style="width:100%;height:100%" >


5也是一个报表表达式，他是设置该列显示的内容
1[arr2]


6的代码为，他收个尾
1</label ></u>


7的代码主要是iframe，然后就是刷新等待时候的一个等待提示
7的代码为
1<iframe frameborder="0" id="frameChart" src="" scrolling="no" height="450" width="100%"></iframe>
2<div id="loading" style="display:block; padding:100px 0 100px 0;text-align:center;color:#999999;font-size:12px;">
3      页面加载中
4    </div>
5<script type="text/javascript">     
6     var  a  = document.getElementById("frameChart");   
7     var b  = document.getElementById("loading");   
8     a.style.display =  "none";                     
9     b.style.display = "block";                     
10     
11        if  (window.ActiveXObject)   {   
12
13
14     a.onreadystatechange =  function()     
15     {   
16        if (this.readyState=="complete")   
17         {                                                                  
18             b.innerHTML  =   "";   
19              b.style.display = "none";   
20             a.style.display  = "";   
21          }   
22     }
23     }else{
24     a.style.display =  "block";                     //隐藏
25     b.style.display = "none";
26     }
27  </script>


拼滴我累死了.....

OK，我们来看看效果
我先点击一下第一个单元格

再点击第二个

注意，列表不会刷新哦，有点像ajax的效果。