超链接如何以弹窗形式呈现
报表应用中表与表之间交互常会通过设置超链接实现,超链接窗口一般是以页面的 _self 或 _blank 属性方式呈现,而有时希望超链接以弹窗的形式呈现。
下面通过两个实例分别介绍一下在统计图和报表单元格中如何实现。
首先定义,窗口页面 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. 统计图中调用设置如下
其中,图形超链接表达式为:
#"onclick="showModal(‘modelDialog.jsp?rpx=222333.rpx&arg1=@category&arg2=’,15000,150)
效果:
2. 报表单元格中调用
其中,超链接表达式为:
“javascript:showModal('modelDialog.jsp?rpx=bingxingtu.rpx&arg1=”+A1+“&arg2=”+B1+“',600,400)”
效果: