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

 

在使用润乾报表的时候,当我们点击报表中的某一个单元格或者是统计图的时候能够弹出一个网页对话框,注意:不是网页,而是模态窗口。这个时候我们该如何设置呢?
效果如下图所示:

imagepng
下面分别对单元格弹出模态窗口传递单元格的值和统计图弹出分别做一个简单的介绍。
在展现界面加如下代码:


  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>

如图:

imagepng

然后增加一个 modelDialog.jsp 页面 用来展现模态窗口的:具体代码见附件。
然后我们报表的单元格的超连接表达式为:
    “javascript:showModal(\’modelDialog.jsp?raq=bingxingtu.raq&arg1=”+A1+“&arg2=”+B1+“\’,600,400)”****

imagepng

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

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

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


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>

设置如图:

imagepng

超链接的表达式为:

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

效果图如下:

imagepng

https://pan.baidu.com/s/1Sv36cOO2Xm4dLvRsd_WA-A 该链接里面为报表示例,有需要的可以下载查看。