-
-
功夫熊猫 小试身手Lv3
发表于2019-11-23 19:05
楼主
例如在页面上有多个容器组件，需要实现选择其中一个容器后选中颜色发生变化，具体实现方案如下：
1.在页面中放入容器组件；
2.在报表模板-高级-脚本中输入如下内容（#div1,#div2,#div3为容器代号，需根据实际内容修改）
+function(){
var doms = $("#div1,#div2,#div3");
doms.bind("click", function(evt){
for(var i = 0, len = doms.length; i < len; i++){
if(doms
=== this){
doms.style.backgroundColor = "red";
}else{
doms.style.backgroundColor = "green";
}
}
});
}();
3.结果页面。
1.在页面中放入容器组件；
2.在报表模板-高级-脚本中输入如下内容（#div1,#div2,#div3为容器代号，需根据实际内容修改）
+function(){
var doms = $("#div1,#div2,#div3");
doms.bind("click", function(evt){
for(var i = 0, len = doms.length; i < len; i++){
if(doms
=== this){
doms.style.backgroundColor = "red";
}else{
doms.style.backgroundColor = "green";
}
}
});
}();
3.结果页面。
