点击控件后改变控件颜色

编辑
文档创建者:印然 (67260 )     浏览次数:2578次     编辑次数:4次     最近更新:jiangsr 于 2018-01-16     

目录:

1. 问题描述编辑

在客户使用我们的多维度报表时,由于多个标签的存在,希望能在查看当前标签内容时,能够突出该标签的颜色,以区分当前查看标签页。

2. 解决思路编辑

通过js获取到当前被点击的按钮,即tab标签,修改其css样式,使之改变背景颜色。

3. 具体步骤编辑

3.1 模板准备
打开决策报表模板:%FR_HOME%\WebReport\WEB-INF\reportlets\demo\analytics\multi_report\all.frm
3.2 按钮点击事件
选中总体概况按钮,在右侧的属性表中添加点击事件,如下图:
具体的js代码如下:
if(window.oldtd != null) { window.oldtd.removeAttr("style"); } var td; if($(e.target).is("button")){ td=$(e.target).parent().parent(); }else{ td=$(e.target).find("button").parent().parent(); } td.css({"background-image":"url()","background-color":"rgb(170, 223, 248)"}); window.oldtd=td;
3.3 效果查看

附件列表


主题: 专题总结
标签: 暂无标签 编辑/添加标签
如果您认为本文档还有待完善,请编辑

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

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: