-
-
wsn123 数据达人Lv4
发表于2023-1-9 15:03
悬赏1
已解决

如图:如何实现点击月报(日期组件)月报的字就显示蓝色,周报就显示黑色字体?
$('#WidgetParamDate67').click(function(e){
$('#WidgetParamDate67 span').css("color","red")
$('#WidgetParamDate80 span').css("color","yellow")
});
$('#WidgetParamDate80').click(function(e){
$('#WidgetParamDate67 span').css("color","yellow")
$('#WidgetParamDate80 span').css("color","red")
});
其中WidgetParamDate67和WidgetParamDate80 为组件参数值属性,可在F12元素中抓取

2个回答
编辑区写代码实现
$('#HHH23').click(function(e){
console.log("改变42 ")
$('#WidgetParamDate42 span').css("color","red")
$('#WidgetParamDate84 span').css("color","yellow")
});
$('#HHH24').click(function(e){
console.log("改变84")
$('#WidgetParamDate42 span').css("color","yellow")
$('#WidgetParamDate84 span').css("color","red")
});
基于1楼的脚本,可以修改为只要点击组件就触发变色,报表编辑区客户端脚本内写:
$('#WidgetParamDate67').click(function(e){
$('#WidgetParamDate67 span').css("color","red")
$('#WidgetParamDate80 span').css("color","yellow")
});
$('#WidgetParamDate80').click(function(e){
$('#WidgetParamDate67 span').css("color","yellow")
$('#WidgetParamDate80 span').css("color","red")
});
其中WidgetParamDate67和WidgetParamDate80 为组件参数值属性,可在F12元素中抓取