FineReport帆软报表通过js动态传参改变背景颜色

最新推荐文章于 2025-06-13 11:03:34 发布

原创

最新推荐文章于 2025-06-13 11:03:34 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

本文介绍了如何使用FineReport的JS动态传参功能来改变报表背景颜色。通过配置模板的加载结束事件，添加js脚本，并在模板参数中设置color字段，结合条件属性，可以实现在前端动态控制报表背景颜色的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、帆软cpt报表使用js动态传参来改变背景颜色

如下图：通过color定义的参数来改变背景颜色

2、配置模板 web属性->为该模板独立属性->添加加载结束事件

附带js脚本

window.onload=function(){  
    var contentPane = document.getElementById('reportFrame').contentWindow._g();  
    contentPane.on("afterload",function(){  
    setframeHeight();  
    })

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

社恐码农

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

FineReport报表JS实现点击超链打开对话框报表并传参

qq_39236157的博客

03-12

2974

FineReport报表JS实现点击超链打开对话框报表并传参

帆软地址栏传参，实例

weixin_34185364的博客

10-17

3940

自动查询： http://help.finereport.com/finereport9.0/doc-view-409.html 参数的种类与区别： http://help.finereport.com/doc-view-156 基本参数传递（视频）： http://bbs.fanruan.com/lesson-14.html 超级链接-传递多个值： http:...

参与评论您还未登录，请先登录后发表或查看评论

FineReport/帆软大屏背景及边框图

09-24

制作大屏展示的背景图片及边框图；

FineReport-动态参数设置背景变色

weixin_41668007的博客

05-13

2289

点击背景变色，移开点击另一个原先回复，现在点击的变色 ①为该单元格设置动态参数，值等于本值 ②为单元格设置条件属性，如果动态参数等于单元格的值就显示这个背景如果不等于该单元格的值就显示另外一个背景 ...

帆软报表超级链接将父报表查询控件参数传递到子页面查询控件上

热门推荐

梦幻通灵

10-22

1万+

帆软报表之网络报表

FineReport JS实现分页预览改变鼠标悬停所在的行列的背景色

weeknd的博客

05-09

4143

一：需求描述 1）鼠标滑过及悬停时改变行的颜色。 2）鼠标滑过及悬停时改变列的颜色。 3）鼠标滑过及悬停时改变同时行和列的颜色。二：实现思路鼠标滑入悬停时，先遍历获取该行所有单元格的原背景色，再遍历修改为新背景色，鼠标离开时恢复当前行所有单元格为原背景色。三：制作流程点击模板>模板web属性>分页预览设置，选择为该模板单独设置，然后添加加载结束事件，具体js

帆软使用总结-动态分组背景变色

ask_baidu的博客

01-12

932

帆软使用总结，动态分组背景变色

帆软报表js给某个单元格添加背景色

Ordinary_T的博客

07-21

6797

$("td[id^=D7]").css('background-color','yellow');//给D7单元格增加背景色

Finereport数据集参数实现动态列报表模板 + 函数JS代码

07-18

在这个“Finereport数据集参数实现动态列报表模板 + 函数JS代码”的资源包中，我们将深入探讨如何利用FineReport的特性来实现动态列报表，并结合JavaScript（JS）代码来优化这一过程。首先，动态列报表的核心在于...

帆软报表Oracle存储过程解决storeParameter1参数试用插件

12-12

需要注意的是，使用此插件可能需要一定的技术背景，例如对帆软报表系统架构的理解、XML配置文件的编辑以及服务器的管理等。如果你在安装或使用过程中遇到问题，建议参考帆软官方文档或寻求技术支持。此外，对于...

[FineReport帆软]使用gif图片背景/设置动态背景

云丶峰的博客

09-27

5258

1.决策报表使用gif图片背景/动态背景需要在报表块的初始化事件中添加js 1) 给整个body添加动态背景，js代码如下 setTimeout(function() { $('.content-container').css({'background': 'url(/webroot/help/picture/1.gif)no-repeat','background-size':'100% 100%'}); }, 1000); 注意，需要将图片拷贝到webroot/help/pictur

帆软大屏背景怎么设置_帆软报表（finereport）大屏细节操作(持续更新)

weixin_33833234的博客

01-13

4216

图表间之间的组件间隔：body-->属性-->布局-->组件间隔决策报表背景水印：body-->属性-->水印仪表盘指针/枢纽/背景颜色:样式-->系列柱形图/组合图警戒线：样式-->背景-->绘图区-->警戒线Y轴折线图间隔背景：样式-->背景-->绘图区-->间隔背景柱形图圆角：样式-->系列-->边框--&g...

帆软图表设置的色彩搭配

Jmayday

10-15

4208

3 VUE实战 iframe嵌入帆软报表FineReport动态传参实现

CandyLove102130的专栏

09-27

8712

目录 1. vue页面写一些查询条件，传递到帆软cpt中 2. vue js中拼接到cpt地址链接中 3. 帆软设计器中数据源sql要对应参数 4. 参数动态查询展示 5. 问题 1. vue页面写一些查询条件，传递到帆软cpt中如图所示，查询条件。 vue页面实现： <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="100px"> <e...

帆软报表如何传递主表原有参数给子表呢_解决 Birt 等报表工具制作报表的几个难题...

weixin_33539834的博客

01-27

981

在上一篇《Birt 如何实现不规则月份统计》中，我们讲解了如何帮助 Birt 制作这种报表的详细过程，在本文中我们再继续讨论几个类似的制作难题，并把说明集中在如何编写集算器 SPL 脚本上，不再赘述如何在 Birt 中引入 SPL 的步骤了。1. 组内跨行计算组内跨行计算是指在计算一行中某个计算列的值时，需要引用到组内其它行的数据来进行计算。比如下面这个例子：库表 sample 有三个字段，其中 ...

JS实现点击单元格后改变当前行背景颜色（冻结行列的填报报表）

王世洪的博客

09-24

2072

在用户希望通过点击单元格后，改变当前整行的背景颜色时，我们可以通过设置报表的加载结束事件，设置相关js事件，实现对应的功能。示例报表为填报报表，且报表中有设置冻结行列。 1、界面设计： 2、javascripts事件编辑：在报表设置中添加加载结束事件如下：代码如下： $(".frozen-center .x-table td").mousedown(function () { var curRow = $(this).closest("tr"); $('[clicked]')

帆软报表 网络报表传参

01-03

### 如何在网络报表中传递参数给帆软报表 在 FineReport 中，网络报表可以通过 URL 或者 API 接口来传递参数。这种方式允许动态地向报表提供数据源过滤条件或其他配置信息。 #### 使用URL方式传递参数当通过...