历史版本5 :单元格引用a标签打开对话框 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

本文将介绍如何在单元格中使用<a>标签打开对话窗口,效果如下图所示:

1593419953585074.gif

1.2 实现思路

frm 中设置 body 初始化事件,实现单元格内引用<a>标签超链打开对话窗口。

2. 示例编辑

2.1 设计报表

1)新建决策报表,将报表块 report0 拖入到 body 中,如下图所示:

1593420157139993.png

2.2 报表块设计

1)编辑报表块 report0,A1 单元格插入公式:"请点击 "+"<a href=" + "# " + " onclick=mm('/demo/NewbieGuide/行式报表.cpt&op=view')>此处</a>"+" 打开行式报表对话框"

注:在 mm('') 里面添加需要打开的报表路径地址,此处以打开内置的行式报表为例。

Snag_1f7ca12d.png

2)公式添加完成后,将 A1 单元格显示内容设置为:用HTML显示内容,如下图所示:

Snag_1f7e0ce3.png

2.3 引用 JavaScript

1)点击下载 JavaScript 文件:dialog.js ,将该文件放到%FR_HOME%\webapps\webroot\scripts\js目录下,如下图所示:

Snag_1f7f60da.png

JavaScript 代码如下:

function   mm(k){
var height=document.body.clientHeight;
var width=document.body.clientWidth;
var iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' frameborder='0'>");    
iframe.attr("src","form?viewlet="+k);//获取a标签路径 
//iframe.attr("src", "form?viewlet=Form7.frm"); 
var o = {    
width : width*1,  //对话框宽度  
height: height*1 //对话框高度  
};    
FR.showDialog("", o.width, o.height, iframe,o);//弹出对话框
}

2)选中 body,添加一个初始化事件,引用上述 JavaScript 脚本,如下图所示:

Snag_1f83455f.png

2.4 效果预览

保存报表,点击表单预览,效果如下图所示:

1593419953585074.gif

注:不支持移动端。

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\单元格引用a标签打开对话框.frm

点击下载模板:单元格引用a标签打开对话框.frm