[通用]移动端弹窗- FineReport帮助文档 - 全面的报表使用教程和学习资料

以下js支持移动端。改你的报表名称与地址

var url = encodeURI("${servletURL}?viewlet=GettingStarted.cpt");

FR.doHyperlinkByGet({url:url,title:'移动页面跳转测试',target:'_self'});

在帆软FineReport中，若想在移动端实现点击柱状图后弹出一个明细页面的功能，可以参考以下步骤进行设置：

一、基本设置

创建决策报表：

打开FineReport报表设计器，新建一个决策报表。

在报表中拖动一个柱状图模板到空白区域，并调整大小。

绑定数据源：

新建一个数据库查询，输入查询SQL语句，以获取柱状图所需的数据。

选中柱状图对象，绑定已新建的数据源，并选择分类和字段名。

二、设置明细页面

创建明细报表：

新建一个决策报表或普通报表作为明细报表，用于展示点击柱状图后弹出的内容。

根据需要设计明细报表的布局和样式。

设置参数传递：

在明细报表中，根据柱状图的数据字段设置一个或多个参数，用于接收从柱状图传递过来的值。

在FineReport设计器中，确保明细报表能够接受并正确处理这些参数。

三、实现点击柱状图弹出明细页面

添加链接：

返回到包含柱状图的决策报表设计器界面。

选中柱状图对象，在属性面板中找到“特效”或“交互”选项卡（具体位置可能因FineReport版本而异）。

添加一个链接，并选择“移动端弹窗”作为链接打开方式。

设置弹窗内容：

在链接设置框中，选择之前创建的明细报表作为弹窗内容。

根据需要设置弹窗的样式、大小、边框、背景等属性。

确保在链接设置中正确传递了参数，以便明细报表能够根据传递的值展示相应的内容。

预览与测试：

保存并预览报表文件，确保在移动端能够正常查看柱状图效果。

点击柱状图中的某个柱子，观察是否能够正确弹出明细页面，并显示相应的内容。

根据测试结果进行必要的调整和优化。

注意事项

确保FineReport报表服务器和移动端展现插件的版本支持移动端弹窗功能。

在设置参数传递时，要注意参数的命名和数据类型要与明细报表中的参数保持一致。

如果明细报表中的数据量较大，可能需要考虑优化数据库查询和报表性能，以确保弹窗的加载速度。

综上所述，通过以上步骤设置，就可以在帆软FineReport中实现移动端点击柱状图后弹出一个明细页面的功能。