鼠標懸停出現提示信息怎么做


概述


提示:指啟示,提起注意或給予提醒和解釋。

在 excel 中會經常用到給某個格子增加提醒信息,比如金額提示輸入數值或最大長度值等等。設置方式也有多種,簡單的,僅為單元格插入批注就可以了,也有復雜的有效性驗證方式。下圖為批注方式:

另外,在網頁設計中也常常看到同樣功能,常見的幫助提示框(tips),鼠標懸停在幫助圖標上時,顯示所有的幫助信息。也不難,幾行 JS 腳本的事兒。

潤乾報表支持在 Web 發布,衣食父母們同樣希望產品具備鼠標移動到某個位置時顯示一些提示信息的功能。

潤乾想客戶之所想,不僅支持靜態信息,也允許開發者設置動態提示信息(一個單元格,可根據條件判斷顯示不同信息)。

今天先入個門,介紹一下靜態信息的設置方法,后續在結合合適場景介紹動態提示。

Ok!開始進入正題,潤乾報表怎么設置靜態提示信息呢? 以“工資單”為例,多數人不清楚其中的考勤扣除怎么算,這里便可以為“考勤扣除”設置提示。

操作步驟

准備工資條報表模板

准備一張結果如下圖所示的網格式報表

模板設計如下

注意:該例子目的是為標題字段增加提示,所以不考慮數據來源問題,第三行的數據均為固定數值。

模板中設置靜態信息提示(WEB–提示)

在模板中選中 E2,屬性區“WEB”—“提示”—“值”編輯框

預覽報表結果

提示僅在 web 端有效,所以先發布報表,瀏覽器預覽,當鼠標懸停在“考勤扣除”時效果如下

通過設置單元格提示,輕松做到鼠標懸停的提醒功能。如同強制分頁、動態背景色等小技巧一樣,針對這種比較常用的功能,報表工具在設計時都已考慮到。遇到類似問題依然建議查閱手冊,對應設置即可。

另外,在后續的文章中,會結合相應場景介紹動態提示信息的設置方法,敬請關注。。。

更多前端展現效果的相關問題請查看:前端效果相關問題分類導航
* web 報表輕松實現數據異常預警功能
* 報表實時刷新顯示時間
* 報表工具如何實現“點擊查看原圖”
* 潤乾報表中進度條的一種實現方式
* 報表怎樣實現滾動的公告效果?
* HTML 事件 – 鼠標移入高亮顯示
* 點擊表頭切換升降序排序方式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM