鼠标悬停出现提示信息怎么做?(提示)_网页鼠标悬停显示内容-程序员宅基地

技术标签: 润乾报表 tips 提示 鼠标悬停  

概述

提示:指启示,提起注意或给予提醒和解释。

在 excel 中会经常用到给某个格子增加提醒信息,比如金额提示输入数值或最大长度值等等。设置方式也有多种,简单的,仅为单元格插入批注就可以了,也有复杂的有效性验证方式。下图为批注方式:

g1png

另外,在网页设计中也常常看到同样功能,常见的帮助提示框(tips),鼠标悬停在帮助图标上时,显示所有的帮助信息。也不难,几行 JS 脚本的事儿。

g2png

润乾报表支持在 Web 发布,衣食父母们同样希望产品具备鼠标移动到某个位置时显示一些提示信息的功能。

润乾想客户之所想,不仅支持静态信息,也允许开发者设置动态提示信息(一个单元格,可根据条件判断显示不同信息)。

今天先入个门,介绍一下静态信息的设置方法,后续在结合合适场景介绍动态提示。

Ok!开始进入正题,润乾报表怎么设置静态提示信息呢? 以“工资单”为例,多数人不清楚其中的考勤扣除怎么算,这里便可以为“考勤扣除”设置提示。

g3png

操作步骤

准备工资条报表模板

准备一张结果如下图所示的网格式报表

g4png

模板设计如下

g5png

注意:该例子目的是为标题字段增加提示,所以不考虑数据来源问题,第三行的数据均为固定数值。

模板中设置静态信息提示(WEB–提示)

在模板中选中 E2,属性区“WEB”—“提示”—“值”编辑框

g6png

预览报表结果

提示仅在 web 端有效,所以先发布报表,浏览器预览,当鼠标悬停在“考勤扣除”时效果如下

g7png

通过设置单元格提示,轻松做到鼠标悬停的提醒功能。如同强制分页、动态背景色等小技巧一样,针对这种比较常用的功能,报表工具在设计时都已考虑到。遇到类似问题依然建议查阅手册,对应设置即可。

另外,在后续的文章中,会结合相应场景介绍动态提示信息的设置方法,敬请关注。。。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cainiao_M/article/details/88167068

智能推荐

unity Image透明度渐变_unity 透明渐变-程序员宅基地

文章浏览阅读1.7k次。using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.UI;using Newtonsoft.Json;using UnityEditor;//透明度渐变方法public enum FadeMode{ LeftTORight, UpToDown, LeftUpTORightDown, LeftDownTORightUp,}._unity 透明渐变

linux yield_Linux面试专题及答案,学完时候就可以出师了-程序员宅基地

文章浏览阅读34次。1) Linux 中主要有哪几种内核锁?Linux 的同步机制从 2.0 到 2.6 以来不断发展完善。从最初的原子操作,到后来的信号量,从大内核锁到今天的自旋锁。这些同步机制的发展伴随 Linux 从单处理器到对称多处理器的过渡;伴随着从非抢占内核到抢占内核的过度。Linux 的锁机制越来越有效,也越来越复杂。Linux 的内核锁主要是自旋锁和信号量。自旋锁最多只能被一个可执行线程持有,如果一个...

虚拟化网络集成和管理的4个技巧_如何将虚拟计算机集成到网络-程序员宅基地

文章浏览阅读1k次。根据研究公司Nemertes的最新调查显示,将近60%的企业放缓了其虚拟化计划。系统的复杂性,特别是网络配置的复杂性,通常被认为是虚拟网络部署的最大障碍。但虚拟化网络能够帮助企业配置虚拟网络以及在软件中完全定义这些配置,这是再次提高虚拟化网络部署的关键。随着你的企业网络虚拟化不断往前发展,下面几个技巧将帮助你最大限度地加强网络虚拟化,同时配合服务器和存储虚拟化。技巧1:评估你的企业组织结构,优_如何将虚拟计算机集成到网络

selection标签html,JavaScript标准Selection操作,对页面文件选取操作-程序员宅基地

文章浏览阅读1.8k次。1、getRangeAt(index):从当前selection对象中获得一个range对象。index:参考rangeCount属性。返回:根据下标index返回相应的range对象。2、collapse(parentNode, offset):将开始点和结束点合并到指定节点(parentNode)的相应(offset)位置。parentNode:焦点(插入符)将会在此节点内。offset: 取..._html selection

vue项目中axios模块封装和axios拦截器interceptors使用_axios封装与调用 vue3 axiosinterceptormanager-程序员宅基地

文章浏览阅读1.3k次。axiosGitHub地址: https://github.com/axios/axios中文网: http://www.axios-js.com/zh-cn/docs/axios 封装在项目代码中创建一个 util 文件夹, 在创建一个http.js文件用来封装axiosimport axios from 'axios'// 把axios 封装为一个叫 http 的对象, 把请求的公共部分写入const http = axios.create({ baseURL: 'https:_axios封装与调用 vue3 axiosinterceptormanager

持续集成时报错:yaml: line 18: did not find expected key-程序员宅基地

文章浏览阅读4.3w次,点赞3次,收藏3次。在学习持续集成开发时,镜像打包报错:yaml: line 18: did not find expected key看了一下并不是什么key的问题,真正的原因是空格不对tags:- latestdockerfile: Dockerfile这是改错之前的,网上百度了一下,有人说是空格的问题,我就返回来看自己的,发现dockerfile多空了两个格,实际上dockerfile和tags是同一..._did not find expected key

随便推点

FileInputStream、FileOutputStream 类,详解_fileoutputstream、fileinputputstream怎么区分-程序员宅基地

文章浏览阅读4k次。介绍:FileInputStream、FileOutputStream分别是InputStream、outputStream的子类。FileInputStream可用从文件系统中的某个文件中获取字节流。FileOutputStream文件输出流是用于将数据写入 File 或 FileDescriptor 的输出流。FileInputStream详细介绍、FileOutputStream详细介绍Fi..._fileoutputstream、fileinputputstream怎么区分

Unity LineRenderer 画运动轨迹_unity linerender设置动态点 沿轨迹点运动-程序员宅基地

文章浏览阅读3.4k次,点赞2次,收藏19次。问题描述: 一开始将LineRender组件 附给想要画轨迹的物体时,并不会显示在视图中。原因是 需要动态产生 画线的实例,并把它附给 父objectYoutube画线学习链接LineRenderer 画运动轨迹1、给组件添加 材质 Materials ,不添加不会有画线!!!2、设置画线的起点和端点, 一般设置端点 End Cap Vertics 多添加几个,此处为5个如果设置为1个,会根据原始Material的样子画线3、 设置 color,width 等其他属性4、Positi_unity linerender设置动态点 沿轨迹点运动

信捷plc485通信上位机_变频器、触摸屏和PLC建立MODBUS RTU通信的方法-程序员宅基地

文章浏览阅读2.4k次。示例要求:以维纶触摸屏软件在PC上为主站,以S7-200SMART PLC和V20变频器为从站进行数据通信。上位机可以对S7-200SMARTPLC进行位控制和数据寄存器的读取和写入,对V20变频器的起停控制、点动控制、频率的设定与读取、输出电流、输出电压和直流母线电压的读取。系统软硬件配置及接线㈠硬件配置:S7-200SMART ST20CPU一台。西门子V20变频器一台。电脑一台,USB转48..._信捷plcmodebus485

Windows系统远程桌面登录Ubuntu21.04_gnome-remote-desktop 21.04-程序员宅基地

文章浏览阅读1.4k次。Windows系统远程桌面登录Ubuntu21.041. 概述2. 在Ubuntu操作系统上2.1 安装必要软件2.2 确保Ubuntu的远程桌面共享打开2.3 使用dconf-editor来取消某些权限限制3. 在Windows10系统上3.1 Windowsn自带的mstsc程序远程登录Ubuntu1. 概述我们的主要目的是,在Windows系统上通过远程桌面操作Ubuntu21.04。本文档参考了这篇文章[https://www.cnblogs.com/xuliangxing/p/764265_gnome-remote-desktop 21.04

Activex调试以及m_hWnd为空 解决办法_this->m_hwnd为空-程序员宅基地

文章浏览阅读1.2k次。1. 点击【开始】->【运行】 命令:regedit.2. 定位到HKEY_LOCALMACHINE -> SOFTWARE -> Microsoft -> Internet Explorer -> Main3. 在【右边区域】【右键】新建一个名称为TabProcGrowth的DWORD值, 数值数据设置为0.VS不用重启,直接可以按F5进行调试ActiveX了!参看: h_this->m_hwnd为空

Andoird JNI动态注册与 JNI 线程_and的jni-程序员宅基地

文章浏览阅读378次。Android JNI 动态注册动态注册与静态注册动态注册动态注册与静态注册静态注册:平时默认的就是静态注册例如:静态注册:优点:使用简单,方便在程序运行时才会初始化调用缺点:类名长,与类名捆绑,一旦更改包名会比较麻烦动态注册优点:最开始运行的时候就会初始化,代码简洁缺点:使用比较麻烦.静态注册就不说了,本篇主要介绍动态注册动态注册动态注册像是调用类的构造器一样,每当最开始运行的时候就会初始化所有方法在这个方法中,完成 Activity 中的所有初始化!_and的jni