帆软报表-鼠标悬停改变背景色

最近实现了一种跟项目表格一样的功能,那就是鼠标悬停所在行改变背景色.

1. 进入模板web属性

2. 选择分页预览设置->为该模板单独设置->事件设置

3.选择加载结束

4.编写js代码

var background_color = "rgb(255,0,0)"; //新背景色
var frozen_back_color = new Array();
var back_color = new Array();
var $last_tr;
var i = 0;
$(".x-table tr").bind("mouseenter", function () {
if (typeof($last_tr) != "undefined") {
if (typeof($(this).attr("id")) != "undefined") {
if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {
$("#content-container #" + $last_tr.attr("id")).each(function () {
$(this).children("td").each(function () {
$(this).css("background-color", frozen_back_color[i][$(this).index()]);
});
i = i + 1;
});
i = 0;
} else {
$last_tr.children("td").each(function () {
$(this).css("background-color", back_color[$(this).index()]);
});
}
frozen_back_color = [];
back_color = [];
}
}
if (typeof($(this).attr("id")) != "undefined") {
if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {
$("#content-container #" + $(this).attr("id")).each(function () {
frozen_back_color[i] = new Array();
$(this).children("td").each(function () {
frozen_back_color[i][$(this).index()] = $(this).css("background-color");
$(this).css("background-color", background_color);
});
i = i + 1;
});
i = 0;
} else {
$(this).children("td").each(function () {
back_color[$(this).index()] = $(this).css("background-color");
$(this).css("background-color", background_color);
});
}
}
});
$(".x-table tr").bind("mouseleave", function () {
if (typeof($(this).attr("id")) != "undefined") {
$last_tr = $(this);
}
});

保存! 完成!

帆软报表-鼠标悬停改变背景色相关推荐

html鼠标悬停改变背景,js设置鼠标悬停改变背景色实现详解_哒哒_前端开发者
看了网上那么多的 this is test! }); function changBkColor(obj){ obj.οnmοuseοver=function(){ this.className=&q ...
html设置鼠标背景,js设置鼠标悬停改变背景色实现详解
看了网上那么多的js鼠标悬停时事件,大多数的,说了那么多话,也没解决什么问题,现在直接贴上代码,以供参考 html: this is test! css: .out{background-color: ...
帆软报表开发学习笔记(八)
`帆软报表开发学习笔记` 报表特性_超级链接(20200928) 报表特性_条件属性(20200929) 报表特性_导出(20200930) 报表特性_打印(20201001) 报表特性_编码专题(2 ...
帆软报表调用python脚本_帆软报表（finereport）实现自动滚屏效果
例如Demo:IOS平台年度数据报表. 展示内容丰富,一个页面中存在多个图表.内容,超出了浏览器窗口的大小导致内容展示不全. 为了能够预览这个报表的全部内容,可以使用JS滚屏效果来实现. 操作步骤: ...
帆软报表(FineReport) 的初步学习和使用
我们公司在做ERP项目,我是根据项目进行的学习,常用知识点记录如下: 1,FineReport 使用时的配置帆软报表 ->服务器->定义数据连接->写入数据数据库的连接URL,用户 ...
[财务][数据化分析][帆软]报表设计-聚合报表设计
[财务][数据化分析][帆软]报表设计-聚合报表设计 1. 聚合报表设计界面聚合报表指一个报表中包含多个模块,每一块都类似一张单独的报表或者一张图表,块与块之间相对独立,互不影响. 聚合报表特点:空 ...
帆软报表动态数据源插件2.0使用教程
1 动态数据源解决什么问题? 当我们遇到这种场景时,就可以使用动态数据源,我们有多个数据库,里面的某些表结构一样,只是数据不一样.当我们做报表的时候使用这些数据表,希望某些人能看到这个数据库的数据,另 ...
帆软参数设置_帆软报表（finereport）参数组合/下拉参数联动
首先实现下拉参数联动 1.参数的定义→添加控件绑定数据→参数过滤和参数面板样式下拉复选框控件注意事项: select * from table where 1=1 ${if(len(控件名称)=0, ...
[财务][数据化分析][帆软]报表设计-第一张报表
今天说一下帆软的弊端,优势什么的请自己去发现,使用了这么久帆软了,唯一感觉的是赶紧找一台服务器安装上,本机跑太消耗内存了. 如果你数据量大并发量大,请最少128G内存起步.这个不是帆软的错,是Java ...

帆软报表-鼠标悬停改变背景色

帆软报表-鼠标悬停改变背景色相关推荐

最新文章

热门文章