1. 描述
在填报预览时,对单元格编辑后,其左上角有个红色标记,但非常不明显,用户很难注意到。有没有什么好的办法,对单元格操作后,将其做较明显的特殊标记处理,方便用户识别呢?
如图所示:对单元格进行操作后,将其单元格进行背景色着色、文本加粗等标记。
打开模板 %FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt
2.1 方法1:编辑结束后修改单元格样式
控件编辑后事件中修改单元格样式,选中需要设置的单元格B3:K3,右击控件设置>事件编辑,添加一个编辑结束事件:
js代码如下:
1. var location = this.options.location;
2. //获取控件的位置
3. var cr = FR.cellStr2ColumnRow(location);
4. //单元格列号
5. var col = cr.col;
6. //单元格行号
7. var ro = cr.row;
8. //设置所在单元格背景色:草绿色
9. $("tr[tridx="+ro+"]").find("td[col="+col+"]").css("background-color","rgb(153,204,0)");
10. //设置所在单元格内容:加粗
11. $("tr[tridx="+ro+"]").find("td[col="+col+"]").css("font-weight","bold");
js代码,可直接使用下面的,更加简单:
1. var $td=$(arguments[0]);
2. //当前编辑单元格
3. $td.css("background-color","rgb(153,204,0)");
4. //设置所在单元格内容:颜色
5. $td.css("font-weight","bold");
6. //设置所在单元格内容:加粗
2.2 方法2 直接修改值改变后的css样式
使用上述方法的话,必须对所有填报控件均要设置一遍编辑结束事件,如果模板中填报控件较多且不是连续的话,设置工作量比较大,效率也比较低,其实在填报中,每个单元格值改变后,都会触发内部的值改变事件,并且会给单元格左上角加上小红色三角,如下图所示
对应的css类为dirty类,只需要修改css中这个dirty类的样式,增加一个背景色或增加加粗样式,在单元格值发生改变后,会自动使用这个dirty,即可完成对所有填报报表中值发生改变的控件均调用这个样式,非常简单适用,方法如下
添加加载结束事件,如下图
代码如下:
1. contentPane.on("cellselect", function (td){
2. $('.dirty').css('background-color',"rgb(153,204,0)");
3. //设置dirty类背景色
4. $('.dirty').css('font-weight',"bold");
5. //设置dirty类字体加粗
6. });
使用这种方法后只需要在填报模板的加载结束事件中写一次代码即可,不需要再在每个控件的编辑结束事件中单独写代码
保存模板,点击填报预览,效果如上图。
相关推荐
如下图所示报表,科目名称栏目里面的数据不是从数据库中拖曳扩展得来的,而是直接在单元格中输入,需要将每个科目的期初余额和期末余额填报入库,数据库中有科目ID、会计科目、期初余额和期末余额几个字段,在填报时,...
填报预览时,我们想获取到某个控件的值相对来说较容易。但如果控件是扩展的,就只能获取到第一个值,无法根据扩展一行行获取对应的值。 例:本意是想获取到袁成洁,结果还是获取到第一个单元格值孙林。 2. 解决方法...
这是最基本的java的登录注册功能以及登录后的表格填报功能实现,非常基础。这是最基本的java的登录注册功能以及登录后的表格填报功能实现,非常基础。这是最基本的java的登录注册功能以及登录后的表格填报功能实现,...
高校教师教研信息填报-高校教师教研信息填报系统-高校教师教研信息填报系统源码-高校教师教研信息填报管理系统-高校教师教研信息填报管理系统java代码-高校教师教研信息填报系统设计与实现-基于springboot的高校教师...
对于经常填报报表的人而言,经常会面临以下的情况:比如在有些场景下没有网络,只能将数据暂存到本地,等有网络时,再将数据提交入库;或者有时需要将数据暂存下来,过段时间后再补充完整。那么在离线的情况下这些...
FineReport报表工具填报专辑,FineReport报表工具的领跑者
毕业论文,高考志愿填报系统 手机客户端程序(Java手机用户在高考志愿填报系统中的安全性研究与实现)
全省份艺考生艺考志愿填报系统源码,根据综合分推荐院校,推荐专业,开通会员查看冲刺及稳妥院校等,投档线,往年录取查询,院校查询等,适合二次开发,志愿系统开发的可以参考修改或者拿来二次发开,谢谢
1、该资源内项目代码经过严格调试,下载即用确保可以运行! 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在做课程设计、期末...高考志愿填报智能辅助系统的设计与实现源码+项目说明.zip
整个开发过程首先对系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等;详细设计主要包括系统数据库...
整个开发过程首先对系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等;详细设计主要包括系统数据库...
离线填报快速指南,离线填报快速指南
资源名字:基于SSM+mysql的高考填报信息系统设计与实现(源码+部署说明+视频演示).zip 资源内容:项目全套源码+完整文档 源码说明: 全部项目源码都是经过测试校正后百分百成功运行。 基于SSM+MySQL的高考填报信息...
基于python实现的高考志愿填报参考系统源码+sql数据库.zip 基于python实现的高考志愿填报参考系统源码+sql数据库.zip 基于python实现的高考志愿填报参考系统源码+sql数据库.zip 【项目资源介绍】 1.功能: 高考志愿...
本文设计设置三种级别的员工用户,分别是游客用户、普通用户和管理员用户,分别可以对用能信息进行查阅、查阅填报和查阅整理发布的相应操作。 本文设计基于WEB技术搭建企业用能信息在线填报系统,在ASP.NET动态WEB...
本系统主要分为四个子系统,一个子系统由用户方使用,主要实现用户登录、增改等功能,一个是志愿填报子系统,完成考生填报学校专业的操作,一个为招生计划子系统,由学校使用,另一个为高考录取子系统,完成招生办的...
行式报表的数据筛选和过滤,很方便的选择自己所需要的数据
本文设计设置三种级别的员工用户,分别是游客用户、普通用户和管理员用户,分别可以对用能信息进行查阅、查阅填报和查阅整理发布的相应操作。 本文设计基于WEB技术搭建企业用能信息在线填报系统,在ASP.NET动态WEB...