ReportStudio入门教程(二十五) - 列表的悬浮提示信息-显示固定信息

最新推荐文章于 2019-08-08 09:36:32 发布
最新推荐文章于 2019-08-08 09:36:32 发布
阅读量2.5k 收藏 3
点赞数 2
分类专栏： Cognos_ReportStudio ReportStudio入门教程 文章标签： BI Cognos ReportStudio 悬浮提示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuguiyang1990/article/details/23767847
版权

浏览论坛的时候，看到一个帖子，讲“列表的悬浮提示信息”，不错，这里学习一下。

原作者：sealink

原文地址：http://www.cognoschina.net/club/viewthread.php?tid=65705

基本报表：

1. 将报表解锁


2.拖入2个HTML项目

第1个HTML项目：

第2个HTML项目：

3. 运行

这样就可以了，运行下看看


现在，将鼠标放到单元格上，就有悬浮的提示信息了，可以根据需要修改。




橘猫吃不胖胖
关注
专栏目录
关于D3画流程图-节点悬浮提示信息和节点形状的设置
u012545017的专栏
12-02 5183
最近开发项目需要根据后台数据动态画出流程图，因此了解折磨了一点点D3，官网资料和案例好像比较少说明，经过这些天的挖地三尺地找网上资料，终于折磨出了一点点东西。以下是本人这里的一个小demo,希望对有需要的朋友有帮助吧。（例子有点粗糙，仅是为了有个效果而已，实际中应根据数据来正确规范的显示流程图） <!DOCTYPE html> <html lang="en"> &lt...
ReportStudio入门教程(二十六) - 列表的悬浮提示信息-显示自定义信息
什么是江湖?
04-15 2719
上一篇我们显示的是固定信息，这里说一下，显示自定义信息
Android逆向入门3——怎样才能找到sign算法
lilac的博客
07-24 8648
鸽鸽鸽 明天更新
第14章 使用Kotlin 进行 Android 开发（1）
程序员光剑
10-29 8634
第14章 使用Kotlin 进行 Android 开发（1） Kotlin Android 根据Realm Report (2017-Q4，https://realm.io/realm-report/2017-q4 ) ,过去的一年在Android 端的开发：Java 从 95% 降低到 Java 85%， 而 Kotlin 从 5% 涨到 1...
Kinect for Windows SDK开发入门
05-18 5329
Kinect for Windows SDK开发入门(一)：开发环境配置 首先来看一下Kinect设备：   1. Kinect设备 黑色的Kinect设备如下图：基座和感应器之间有一个电动的马达，通过程序能够调整俯仰角度，在上面的感应器中有一个红外投影仪，两个摄像头，四个麦克风和一个风扇。打开外面的盖子可以看到里面的构造：这些感应器用来捕捉RGB和深度数据，面对Kin
IDEA的常用设置
JavaDarren的博客
08-08 8114
原 IDEA学习（三）——IDEA的常用设置 ...
大牛们的博客
keeven_niu的专栏
11-27 4537
2013-09-07 23:18 6161人阅读 评论(5) 收藏 举报 目录(?)[+] 今天看到一篇文章，收藏了很多大牛的博客，在这里分享一下 谦虚的天下 柳志超博客 Android中文Wiki AndroidStudio-NDK开发-移动开发团队谦虚的天下 - 博客园gundumw100博客 - android进阶分
Adroid 收集
热门推荐
daimengs的博客
08-17 1万+
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多朋友都有过在 Activity 中通过 getWidth() 之类的方法获取 View 的宽高值，可能在 onCreat...
WEB开发文档2 总结
小北
04-19 3920
转自：http://blog.donews.com/lvjiyong/archive/2006/06/29/931071.aspx怎样将后台生成的在内存中的图象显示到客户端Microsoft IE WebControls下载地址如何在DATAGRID中使用JAVASCRIPT脚本控制DataGrid中连接到下一页显示数据下载中文名文件时保存文件名乱码问题关于用ASP.net绘图的问题,请大虾指教那
Android Studio 新手入门教程（一）基本设置图解
08-28
5. 联想功能设置：当输入方法名后，Android Studio默认不显示方法参数，但通过悬浮提示框可快速查看方法详情，并进行参数的修改。此外，新版本的Android Studio增加了自动完成功能，类似于Eclipse中的ctrl+1。 6. ...
JS中使用react-tooltip插件实现鼠标悬浮显示框
01-19
前段时间遇到的一个需求,要求鼠标悬停显示使用描述, 用到了react-tooltip插件,今天写一个总结 先看效果(为了方便参考,用的是原始样式): 文档参考地址: https://www.npmjs.com/package/react-tooltip 1, 首先在配置...
ReportStudio入门教程(一) - 基本的列表
什么是江湖?
04-03 7304
1. 基本的列表 安装完样例，服务启动之后，我们开始了解下基本的列表。 访问地址：http://localhost:80/ibmcognos/cgi-bin/cognos.cgi 右上角有一个“启动”菜单，选中下面的ReportStudio 接下来的界面，我们要选择一个数据源 我们选择“公共文件夹”->“示样”->“模型”->“GO 数据仓库 (查询)”
ReportStudio入门教程(三十一) - 交叉表复杂表头
什么是江湖?
04-16 6609
之前我们学习使用了列表的复杂表头，
ReportStudio入门教程(三十) - 交叉表
什么是江湖?
04-16 5084
我们前面的例子都是使用列表，
ReportStudio入门教程(零) - 序
什么是江湖?
04-01 4869
之前写的Cognos安装，实在是太敷衍，太水了，害了大家呀，最近看了下官方的文档，上面都有的...... 为了方便可能会使用Cognos自带的样例，安装的话，在安装了CognosServer和Framework Manager之后， 1.需要配置一下Apache Http Server(官网：http://httpd.apache.org/) 下载一个安装就行； 2.修改配置文件:
ReportStudio入门教程(二) - 列表的分组
什么是江湖?
04-03 4852
介绍下分组
ReportStudio入门教程(十一) - 列表的复杂表头之页眉
什么是江湖?
04-07 4651
之前的报表表头都是1行，现在我们看一下，怎样显示一个多行的表头
ReportStudio入门教程(五) - 数据汇总
什么是江湖?
04-04 4359
现在我们看下基本的报表样子：
elementUI el-table实现鼠标悬浮某一行，在鼠标右侧展示提示信息
最新发布
09-07
在Element UI中，`el-table`组件可以配合Vue.js的响应式特性以及自定义指令来实现在鼠标悬停某一行时显示提示信息的功能。这通常通过监听`mouseover`事件并在回调函数中操作DOM来实现。下面是一个简单的步骤说明： 1. 安装Element UI：首先确保你已经在项目中安装了Element UI，如果没有，可以在`npm install element-ui -S`或`yarn add element-ui`命令中引入。 2. 创建自定义指令：在Vue实例中创建一个自定义指令，比如`hoverRowTip`，它会在鼠标移动到指定行时显示提示信息，并移除其他行的提示。 ```javascript // 在main.js或其他适当位置 Vue.directive('hoverRowTip', { inserted: function (el) { el.addEventListener('mouseover', handleMouseEnter); el.addEventListener('mouseout', handleMouseLeave); }, updated: function () { // 如果数据有更新，这里可能需要重新绑定元素 // 这部分依赖于实际的数据结构和渲染方式 }, unbind: function () { el.removeEventListener('mouseover', handleMouseEnter); el.removeEventListener('mouseout', handleMouseLeave); }, handler: function (event, value) { const row = event.target; showTip(row, value); } }); function handleMouseEnter(event) { // 获取当前行并显示提示信息 } function handleMouseLeave() { // 移除所有提示信息 } function showTip(row, tipInfo) { // 根据tipInfo内容动态创建提示信息并添加到对应位置 } ``` 3. 使用自定义指令：在`el-table`组件中，给每一行绑定`hoverRowTip`指令，并传递你需要显示的提示信息。 ```html <template> <el-table :data="tableData" @row-contextmenu.prevent> <el-table-column v-for="column in columns" :key="column.field"> <!-- ... --> <template slot-scope="scope"> <span v-hover-row-tip="{ info: scope.row.tipInfo }">{{ scope.column.label }}</span> </template> </el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { name: '...', tipInfo: '这是提示信息...' }, // ... ], columns: [...] }; }, directives: { hoverRowTip } }; </script> ``` 注意，这里的`handleMouseEnter`、`handleMouseLeave`和`showTip`函数的具体实现取决于你的业务需求和个人喜好。你需要根据表格的内容结构和样式要求来定制提示信息的显示方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值