最新历史版本
:JS实现单元格提示内容换行显示 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
本文为第三方解决方案或非产品相关操作指南，仅提供给具备自主开发能力的用户使用。
帆软技术支持专注于产品本身的功能和问题，不负责本文档的维护和使用问题解答。
若您的场景方案与文档不完全一致，请移步帆软社区提问：问答
1. 概述编辑
1.1 版本
| 报表服务器版本 | 功能变更 |
|---|---|
| 11.0 | - |
1.1 问题描述
单元格提示内容换行显示，可以通过设计器 单元格内容提示 中写公式实现，也可以通过添加 JS 实现。效果如下图所示：
1.2 实现思路
使用 JS 代码实现悬浮提示。
2. 示例编辑
2.1 数据准备
新建普通报表，新建数据集 ds1，数据库查询语句为：SELECT * FROM 销量 where 地区='华东'，如下图所示：
2.2 报表设计
1）如下图设计表格：
2）菜单栏选择「模板>模板Web属性>分页预览设置」中添加加载结束事件，JS 代码为：
$("td[id^=B1-]").attr("title", "月底在职的销售员\n含月底当天离职");
决策报表中可以为 body 添加「初始化后」事件，事件中需要获取单元格所在的报表块。示例代码如下：
注：注意代码中报表块名称的大小写。
setTimeout(function() {
//为报表块REPORT0的A1单元格添加提示
$("[widgetname='REPORT0']").find("td[id^=A1-]").attr("title", "这是第一行\n1第二行\n2第三行");
}, 100);2.3 效果预览
保存报表，点击分页预览，效果如下图所示：
注：不支持移动端。
3. 模板下载编辑
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS实现单元格提示内容换行显示.cpt
点击下载模板：JS实现单元格提示内容换行显示.cpt