关于填报模板悬浮元素的隐藏与显示的问题

如题,如图:填报模式下,有三个悬浮文本;

xf.png

当单元格 C1=0 时,三个悬浮元素 全部 隐藏

当单元格 C1=1 时,显示“悬浮文本一”元素;

当单元格 C1=2 时,显示“悬浮文本二”元素;

当单元格 C1=3 时,显示“悬浮文本三”元素;

当单元格 C1=4 时,三个悬浮元素 全部 显示

求助各位大神指教?感谢!


xf.cpt


FineReport Renzheng 发布于 2020-7-10 08:21 (编辑于 2020-7-10 11:06)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
luojian0323Lv7资深互助
发布于2020-7-10 13:16(编辑于 2020-7-10 14:24)

悬浮元素隐藏.gif

文本框的初始化和编辑后事件添加相同代码:
var dyg=this.getValue()

 //延时执行函数
setTimeout(function() {

if(dyg==0){
	$(".sheet-container div div").find("div").css({"opacity":"0"})//隐藏sheet-container类下的div节点下的所有div节点 
	}
else if(dyg==1){
$(".sheet-container div div").slice(0,2).css({"opacity":"1"})//显示sheet-container类下的div节点下的第一个div节点 

$(".sheet-container div div").slice(2,6).css({"opacity":"0"})//隐藏sheet-container类下的div节点下的除第一个div节点外的div节点 
}
else if(dyg==2){
	$(".sheet-container div div").slice(0,2).css({"opacity":"0"})//隐藏sheet-container类下的div节点下的第一个div节点 
	$(".sheet-container div div").slice(2,4).css({"opacity":"1"})//显示sheet-container类下的div节点下的第二个div节点 
	$(".sheet-container div div").slice(4,6).css({"opacity":"0"})//隐藏sheet-container类下的div节点下的第二个div节点之后的div节点
}
else if(dyg==3){
	$(".sheet-container div div").slice(0,4).css({"opacity":"0"})//隐藏sheet-container类下的div节点下的前两个div节点 
$(".sheet-container div div").slice(4,6).css({"opacity":"1"})//显示sheet-container类下的div节点下的最后一个div节点 
}
else if(dyg==4){
	$(".sheet-container div div").css({"opacity":"1"})//显示sheet-container类下的div节点下的所有div节点 
	}
},100);

上面代码中节点位置是通过调试得出来的.正常第一个节点应该是0,第二个节点应该是1,依次类推.


  • Renzheng Renzheng(提问者) 谢谢大神,能否就这些JS 进行注释一下,以便学习,再次感谢!
    2020-07-10 13:55 
最佳回答
0
Doctor_WeiLv7中级互助
发布于2020-7-10 08:32

image.png

试试这条路

最佳回答
0
snrtuemcLv8专家互助
发布于2020-7-10 08:35

悬浮元素在普通cpt内不支持隐藏的

  • Renzheng Renzheng(提问者) 是的,需要JS才能实现,所以请教大神来指教,谢谢您!
    2020-07-10 08:39 
  • snrtuemc snrtuemc 回复 Renzheng(提问者) 目前普通cpt模板不支持js控制悬浮元素隐藏和显示,决策报表可以 JS隐藏决策报表内报表块/图表块-https://help.finereport.com/doc-view-1736.html
    2020-07-10 08:49 
  • Renzheng Renzheng(提问者) 回复 snrtuemc 通过JS加载事件,控制div标签的 .css位置,或控制悬浮元素的div是否显示,应该是可以,只是我不懂JS
    2020-07-10 09:13 
  • 5关注人数
  • 1430浏览人数
  • 最后回答于:2020-7-10 14:24
    请选择关闭问题的原因
    确定 取消
    返回顶部