决策报表组件悬浮或者CSS控制组件显示隐藏

客户有个需求，需要在鼠标悬浮到某个报表块的内容上时，悬浮显示另一个Tab块或报表块的内容，然后在悬浮窗口中选择内容后回传到主界面。用户不让用弹窗窗口，因为觉得很LOW并且每次都需要点击一下才能关闭。

我有两个思路，一个是通过CSS的hover属性来控制悬浮另一个模板的内容；另一个是通过CSS来控制其他组件的层级和显示隐藏，因为同一个位置会有4个需要悬浮的不同组件。

第二种方法比较难，因为图层层级是在设计时就绘制好的。

第一种方法我也没有找到CSS是否可以控制其他模板的悬浮能力，望大神指点。

FineReport 全栈数据 发布于 2024-6-17 20:26

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共1回答

最佳回答

snrtuemcLv8专家互助
发布于2024-6-18 07:45

参考一个示例

决策报表报表块鼠标悬浮显示隐藏报表块

var th = this;

setTimeout(function() {

$("div[widgetName^=REPORT0]").hover(function() {

th.options.form.getWidgetByName('report1').setVisible(true);

function() {

th.options.form.getWidgetByName('report1').setVisible(false);

}

)

}, 100)

举报收起评论(1)

全栈数据(提问者) 谢谢，已经实现了

2024-06-18 21:40

3关注人数

71浏览人数

最后回答于：2024-6-18 07:45

活动推荐更多

热门课程更多

确定取消