JS实现改变复选框选中行背景色

1. 功能描述

数据填报时，当鼠标选定复选框控件后，整行的数据变色。

222

2.1 打开报表

打开报表%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt

2.2 修改报表

将A4单元格绑定的数据列清空，右击单元格选择控件设置，类型选择复选框控件，点击事件编辑，添加“状态改变”事件，选择"JavaScript脚本"，在参数栏中添加参数row，值选择公式，为row()-1，在JavaScript脚本栏中输入代码：

if(this.getValue()){ $('tr[tridx='+row+']').css('background','#ff0000') } else{ $('tr[tridx='+row+']').css('background','#ffffff') }

如下图所示：

222

注：若想改变字体的颜色，只需将代码中的'background'改为'color'就可以了。

2.3 效果展示

保存模板，点击填报预览即可看到如上所示效果图。

主题： 二次开发

标签：复选框控件变色行字体 JavaScripe 已验证

文档内容仅供参考，如果你需要获取更多帮助，请咨询帆软技术支持
关于技术问题，您还可以通过帆软论坛获取帮助，论坛上有非常多的大神，有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题，可以联系帆软传说哥（微信ID：frbiaoge）