报表单元格和统计图模态窗口的设



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

   效果如下图所示：

11.png (48.29 KB, 下载次数: 0)

下载附件

2 分钟前 上传

  

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

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

在展现界面加如下代码：

   <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>

如图：

29.png (91.11 KB, 下载次数: 0)

下载附件

1 分钟前 上传

然后增加一个modelDialog.jsp 页面 用来展现模态窗口的：具体代码见网址：

     http://bbs.raqsoft.com.cn/forum.php?mod=viewthread&tid=347&extra=  里面的附件。

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

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

3.png (85.32 KB, 下载次数: 0)

下载附件

1 分钟前 上传

超链接的意思为：在一个模态窗口打开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>

设置如图：

6.png (71.97 KB, 下载次数: 0)

下载附件

39 秒前 上传

超链接的表达式为：

    #"mailto:'modelDialog.jsp?raq=222333.raq&arg1=@category&arg2=',500,150">'modelDialog.jsp?raq=222333.raq&arg1=@category&arg2=',500,150)

效果图如下：

7.png (40.66 KB, 下载次数: 0)

下载附件

25 秒前 上传