帆软：点击控件后改变控件颜色

1. 问题描述

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

2. 解决思路

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

3 按钮点击事件

选中总体概况按钮，在右侧的属性表中添加点击事件，JS如下

1. if(window.oldtd != null)  
2. {  
3. window.oldtd.removeAttr("style");  
4. }  
5. var td;  
6. if($(e.target).is("button")){  
7. td=$(e.target).parent().parent();  
8. }else{  
9. td=$(e.target).find("button").parent().parent();  
10. }  
11. td.css({"background-image":"url()","background-color":"rgb(170, 223, 248)"});  
12. window.oldtd=td;  

点击效果如下：