报表和统计图模态窗口的设置

有的客户在使用润乾报表的时候,希望点击报表中的某一个单元格或者是统计图的时候能够弹出一个网页对话框。不是网页,而是模态窗口。

效果如下图所示:

下面分别对单元格弹出模态窗口传递单元格的值和统计图弹出分别做一个简单的介绍。

单元格模态窗口传递单元格的值:

在展现界面加如下代码:


   <script>  
function showModal(urlstr,width,height)  
       {     
    var me;  
    me=window;  
    x=(screen.availWidth-width)/2;  
    y=(screen.availHeight-height)/2;  
    dWin=window.showModelessDialog(urlstr,me,'dialogWidth='+width +'px;dialogHeight='+height+'px;help:no;status:no;scroll:no;dialogLeft='+x+';dialogTop='+y);  
       }  
</script>

如图:

然后增加一个 modelDialog.jsp 页面 用来展现模态窗口的:具体代码见附件。

然后我们报表的单元格的超连接表达式为:

    “javascript:showModal(\’modelDialog.jsp?raq=bingxingtu.raq&arg1=”+A1+“&arg2=”+B1+“\’,600,400)”

超链接的意思为:在一个模态窗口打开 bingxingtu.raq 文件并且给 bingxingtu.raq 中的 arg1 参数传递 A1 单元格的值,给 arg2 传递 B1 的值。

下面介绍一下统计图如何传递参数:

统计图的模态窗口的代码如下:

  
<script>  
function showModal(urlstr,width,height)  
       {     
    var me;  
var acell= document.getElementById("report1_B1").innerHTML;      //获取B1单元格的值  
var bcell= document.getElementById("report1_C1").innerHTML;      // 获取C1单元格的值  
    //alert(cell.innerHTML);  
urlstr+=acell;      //将B1单元格的值拼接再url后面  
xurl=urlstr+"&arg3="+bcell;        //建一个新的url,在urlstr后面拼接C1单元格的值  
//alert(xurl);  
    me=window;  
    x=(screen.availWidth-width)/2;  
    y=(screen.availHeight-height)/2;  
    dWin=window.showModelessDialog(xurl,me,'dialogWidth='+width +'px;dialogHeight='+height+'px;help:no;status:no;scroll:no;dialogLeft='+x+';dialogTop='+y);  
       }  
</script>

设置如图:

超链接的表达式为:

    #“mailto:‘modelDialog.jsp?raq=222333.raq&arg1=@category&arg2=’,500,150”>‘modelDialog.jsp?raq=222333.raq&arg1=@category&arg2=’,500,150)

效果图如下:

润乾 v4 模态窗口 zip