葡萄城报表用户手册
页面树结构
转至元数据结尾
转至元数据起始

填报模块的页面，有时可能需要嵌入报表内容，以便查看填报数据的统计结果。以下为一个示例：

Site.zipShowReportInForguncyPage.fgcc

该示例的运行效果是：用户在填报页面中输入查询条件，点击【查询】按钮，页面下部将显示报表，报表内容是按照用户输入的查询条件，执行了数据过滤的结果。如下图：

示例页面的设计实现：

（1）在填报页面中设置一个较大的合并单元格区域，命名该区域为ReportContainer，作为显示报表内容的容器。如下图：

（2）为【查询】按钮添加【JavaScript命令】。如下图：

JavaScript命令脚本如下：

var iframe = $('[fgcname = "ReportContainer"]');
var searchKey1 = $('#r1c7p').val();
iframe.empty();
iframe.append("<iframe style='height: 100%; width: 100%; border: 0px;' src='http://x.x.x.x:8080/ShowReport.html?report=产品查询&p1=" + searchKey1 + "'/>");

其中：

#r1c7p 是查询条件输入框的单元格的ID。

x.x.x.x:8080 是报表服务器的IP和端口。

report=产品查询 中的“产品查询”是需要显示的报表名称。

&p1= 中的 p1 是报表参数名称，您可以在报表模板中设计多个报表参数，参数名也可以任意指定，只需保证此处QueryString中的参数名与报表模板中定义的参数名称一致即可。


运行该示例的准备工作：

（1）在上述JavaScript脚本中的src部分，将IP地址和端口您自己的报表服务器IP地址和端口；将报表名称（产品查询）改为需要显示的报表名称；将报表参数名（p1）改为实际参数名。

如果您的报表参数有多个，可以使用 &p1=xx&p2=yy 的形式。

如果您的报表参数是多值参数，可以使用 &p1=v1&p1=v2这种形式。

（2）将示例文件包Site.zip解包，复制到报表服务器安装目录下的Site文件夹（C:\葡萄城报表\Site）。

（3）修改 \Sie\ShowReport.html文件，将其中的报表服务器信息修改为您自己的报表服务器网址（http://x.x.x.x:8080）。如下图：

（4）在报表管理门户设置报表权限，允许报表被【Anonymous】角色【查看】，如下图：




  • 无标签