鼠标点击改变单元格颜色或点击改变行颜色

单击改变行颜色

打开一模板如：%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt模板，点击模板>模板web属性>分页预览设置，选择为该模板单独设置，然后添加加载结束事件，具体js如下：

contentPane.makeHighlight('red'); //使点击的行变成红色

分页预览模板，当鼠标点击某行时，某行变色。

如果要实现鼠标滑过改行是改变颜色，js语句修改为：

contentPane.makeHighlight('red','mouseover');

如果使用了条件属性中的隔行显示不同的背景色，还要实现鼠标点击该行高亮显示，js语句修改为：

contentPane.makeHighlight('red', '' ,true);

2. 点击改变单元格颜色

JS代码设置

因为此模板是需要进行填报预览的，打开菜单模板>模板web属性>填报页面设置，去掉填报当前编辑行背景设置选项的勾选，在事件设置中新加一个加载结束事件，输入JS代码，如下图：

var $lasttd;//上一个单元格变量
var lastcolor;//上一次颜色变量
$('.x-table td').click(function(){
if($lasttd){
$lasttd.css('background',lastcolor);
} //离开后原单元格恢复原色
lastcolor=$(this).css('background-color');
if(!lastcolor)
lastcolor=$(this).css('background');//保存原始颜色
$(this).css('background','red');//设置当前单元格为红色
$lasttd=$(this);//保存上一个单元格
});

鼠标点击改变单元格颜色或点击改变行颜色相关推荐

根据条件单元格的值改变单元格的显示色块和文字颜色等属性。
#region 设置单元格样式(设置背景色)/// <summary>/// 设置单元格样式(设置背景色)/// </summary>/// <param name=&q ...
Swift之点击UITableView单元格动态改变cell高度
基于上一篇文章,继续需要实现点击相应的表格单元格动态改变cell的高度(上一篇文章的地址Swift之动态适配UITableView的cell高度) 首先需要实现UITableView的tableVie ...
【原创】EXCEL颜色相关操作：改变单元格颜色，获得颜色值，按颜色筛选等
问题&目的 EXCEL里,我们有时候会用到颜色相关的操作,比如我们想根据单元格的值,自动修改单元格的颜色我们想知道单元格的颜色代码我们想根据现有的表格颜色进行筛选 1 如果自动批量改变单 ...
vba 判断目标单元格内容改变的代码_【VBA小代码】批量改变单元格部分字符格式...
有朋友问:能不能批量将单元格中的部分字符改变格式,比如改变字体,字号,改变颜色--举个例子,如下图所示,将"领导"两个字--字体变成15号,红色加粗--干了这碗毒鸡汤,天黑就闭眼- ...
html表格文字方向改变,Excel怎么改变单元格文字方向？
Excel怎么改变单元格文字方向?乍一听好像是左对齐右对齐?其实不是的,你可以歪着头想像一下旋转的文字,和那个差不多,我们接下来要例举的操作便是这整个过程,具体步骤请看下文. Excel怎么改变单元格 ...
Element-UI+Vue使用cell-style=“cellStyle“改变单元格字体样式
项目中不乏遇到需要对table表格中的某些特殊字段进行标记,用cell-style="cellStyle"来控制区分作为一种特殊手段是再合适不过了,不多bibi,直接上车. cel ...
R语言使用hexbin包的hexbin函数可视化散点图、应对数据量太大、且有数据重叠的情况、普通散点图可视化效果变差的情况、提供了对六边形单元格的二元绑定、通过图例颜色标定每一个区域数据点的数量
R语言使用hexbin包的hexbin函数可视化散点图.应对数据量太大.且有数据重叠的情况.普通散点图可视化效果变差的情况.hexbin函数提供了对六边形单元格的二元绑定.通过图例颜色标定每一个区域数 ...
el-table 点击单元格可编辑点击表头可修改右击表头删除表头和内容
项目场景: 提示:这里简述项目相关背景: 点击单元格可编辑点击表头可修改表头内容 .右击表头删除内容和表头代码 html <template><div class="a ...
Excel如何将单元格数据拆分并转为多行
今天跟大家分享一下Excel如何拆分合并项 1.如下图同一货号有多个颜色,现在我们想要将这些颜色数据拆分开. 2.选中B2:B5单元格区域 3.点击下图选项(Excel工具箱,百度即可了解详细的下载安 ...
easypoi导出一对多，合并单元格，且根据内容自适应行高
easypoi导出一对多,合并单元格,且根据内容自适应行高 EasyPoi一对多导出一.pom引入依赖二.导出实体类 excelPoi常用注解说明 @Excel注解 @ExcelCollectio ...

鼠标点击改变单元格颜色或点击改变行颜色

鼠标点击改变单元格颜色或点击改变行颜色相关推荐

最新文章

热门文章