反馈已提交
网络繁忙
鼠标滑过及悬停时改变列的颜色,效果如下图所示:
使用 JS 代码添加加载结束事件,设置当鼠标点击当前列时,当前列为红色。
单元格背景相关 JS 接口可参考:修改单元格背景接口
注:此方法当背景填充为图片时,鼠标点击当前行或列不会发生变色。
打开内置模板:%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\行式报表.cpt
菜单栏选择「模板>模板 Web 属性>分页预览设置」,选择「为该模板单独设置」,然后添加「加载结束事件」,如下图所示:
JavaScript 代码如下:
_g().addEffect('highlightCol', { color: 'red', trigger: 'mousedown',});
鼠标点击改变列的颜色,效果如下图所示:
注:不支持移动端。
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\鼠标点击列变色.cpt
点击下载模板:
与示例一操作步骤相同,仅需修改 JavaScript 代码即可,JavaScript 代码如下:
_g().addEffect('highlightCol', { color: 'red', trigger: 'mouseover',});
鼠标悬浮改变列的颜色,效果如下图所示:
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\鼠标悬浮列变色.cpt
_g().addEffect('highlightCol',{ color: 'red', trigger: 'mousedown', single:false});
此方法使用的 JS 接口当背景填充为图片时,不会随鼠标的移动/点击而变色,本篇文档中的示例使用的单元格样式为「兼容主题>单元格属性>样式>跟随主题>Head」,此样式背景填充为「图片」,如下图所示:
希望表头随鼠标的移动/点击而变色,将背景填充为其他选项即可。
希望表头不随鼠标的移动/点击而变色,将背景填充为图片即可。
售前咨询电话
400-811-8890转1
在线技术支持
在线QQ:800049425
热线电话:400-811-8890转2
总裁办24H投诉
热线电话:173-1278-1526
文 档反 馈
鼠标选中内容,快速反馈问题
鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。
不再提示
10s后关闭