单元格提示框样式设计

]8SFD84(]8@P8)%C3BZ5N0S.jpg

Form3.frm

在决策报表中的样式

https://help.fanruan.com/finereport/doc-view-3486.html?source=4

在官网上只有普通报表的设计，把这个代码拿到决策报表就不合适。这个是为什么？

FineReport 珠珠88 发布于 2020-11-23 11:36 （编辑于 2020-11-23 11:39）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共2回答

最佳回答

luojian0323Lv7资深互助
发布于2020-11-23 11:38（编辑于 2020-11-23 11:47）

设计基本没错，就是一个报表文件，用对话框打开

你要做的就是根据按钮，点击哪个，决定下面单元格是否显示内容

报表块初始化事件：
setTimeout(function() {
var oldTitle = null;
$('td').bind('mouseover mouseout mousemove', function(event) {
var left = event.pageX;
var top = event.pageY;
var ele = event.target;
var title = ele.title;
var type = event.originalEvent.type;
if (type == 'mouseover') {
oldTitle = title;
ele.title = '';
console.log(title);
if (title.length != 0) {
var showEle = $('<div></div>', {
text: title,
class: 'showTitleBox'
}).css({
position: 'absolute',
top: top + 10,
left: left,
border: '1px solid #00cccc', // 边框
borderRadius: '5px',    // 边框圆角
background: "#00cccc",       // 背景色
fontFamily: 'SimHei',        // 字体
fontSize: '15px'             // 字体大小
})
showEle.appendTo('body');
}
} else if (type == 'mouseout') {
ele.title = oldTitle;
$('.showTitleBox').remove();
} else if (type == 'mousemove') {
$('.showTitleBox').css({
top: top + 10,
left: left
})
}
})
}, 100);