超链接如何以弹窗形式呈现

报表应用中表与表之间交互常会通过设置超链接实现,超链接窗口一般是以页面的 _self 或 _blank 属性方式呈现,而有时希望超链接以弹窗的形式呈现。

9Y4FIR_S0QSCYN3png

下面通过两个实例分别介绍一下在统计图和报表单元格中如何实现。
首先定义,窗口页面 modelDialog.jsp


<head>
<script>
function addParam(){
var url = window.location.href;
var newurl = url.replace(/modelDialog/g,"showReport");
//alert(url);
//alert(newurl);
window.if1.location.href=newurl;
}
window.onload = addParam;
</script>
</head>
<BODY>
  <iframe id="if1" name="if1" src="" width="500px" height="150px">
</BODY>
</html>

其次,在报表展现的 jsp 页面中定义 showModal 方法 用于调用上述窗口页面


<script>  
function showModal(urlstr,width,height)  
       {     
    var me;  
    me=window;  
    //x=(screen.availWidth-width)/2;  
    //y=(screen.availHeight-height)/2;  
    dWin=window.open(urlstr,me,'width=500,height=300');  
       }  
</script>

最后,报表中进行调用
1. 统计图中调用设置如下

imagepng
其中,图形超链接表达式为:
#"onclick="showModal(‘modelDialog.jsp?rpx=222333.rpx&arg1=@category&arg2=’,15000,150)
效果:

imagepng

2. 报表单元格中调用

imagepng

其中,超链接表达式为:
“javascript:showModal('modelDialog.jsp?rpx=bingxingtu.rpx&arg1=”+A1+“&arg2=”+B1+“',600,400)”

效果:

imagepng

点击这里下载实例