码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标悬停出现提示信息怎么做

时间:2019-12-16 09:55:12      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:ash   alt   功能   准备   复杂   今天   src   toc   考勤   

概述

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

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

技术图片

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

技术图片

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

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

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

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

技术图片

操作步骤

准备工资条报表模板

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

技术图片

模板设计如下

技术图片

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

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

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

技术图片

预览报表结果

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

技术图片

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

鼠标悬停出现提示信息怎么做

标签:ash   alt   功能   准备   复杂   今天   src   toc   考勤   

原文地址:https://www.cnblogs.com/xiaohuihui-11/p/12047373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!