使用GridView自带的ToolTip隐藏过长的数据
2009-03-13 11:24 苏飞 阅读(1597) 评论(0) 编辑 收藏 举报/* 编 写 人：sufei
* 编写时间：2009年3月5日上午
*使用GridView自带的ToolTip隐藏过长的数据
*/
for (int j = 1; j < Gv_FAQ.Columns.Count; j++)
{
for (int i = 0; i < Gv_FAQ.Rows.Count; i++)
{
Gv_FAQ.Rows[i].Cells[j].ToolTip = Gv_FAQ.Rows[i].Cells[j].Text;
//长度过八个字符的时候隐藏显示
if (Gv_FAQ.Rows[i].Cells[j].Text.Length > 20)
{
Gv_FAQ.Rows[i].Cells[j].Text = Gv_FAQ.Rows[i].Cells[j].Text.Substring(0, 20) + "...";
}
}
}
注：
把我的代码复制到你的程序中，只要把GirdView的名字改成你的gridView的名字就可以了，
二、JavaScript ToolTip层
页面上需要作的工作是：
加载ToolTip显示函数所在的文件
<script language="javascript" type="text/javascript" src="tooltip.js" ></script>
初始化ToolTip
<body onload="javascript:initToolTips();">
增加一ToolTip层
<div id="toolTipLayer" style="position: absolute; visibility: hidden">
</div>
添加DataBound函数
protected void gvToolTip_DataBound(object sender, EventArgs e) { // 演示ToolTip，使用外建的Javascript函数 gvToolTip.Rows[0].Cells[3].Attributes.Add("OnMouseOver", Convert2Tooltip(gvToolTip.Rows[0].Cells[3].Text)); gvToolTip.Rows[0].Cells[3].Attributes.Add("OnMouseOut", "javascript:toolTip();"); if (gvToolTip.Rows[0].Cells[3].Text.Length > 18) gvToolTip.Rows[0].Cells[3].Text = gvToolTip.Rows[0].Cells[3].Text.Substring(0, 15) + "..."; }
其中Convert2Tooltip为处理字符串函数，它将’转为\’，否则无法显示含’的字段
三、两种方法的比较
1. 方法一较简单，而方法二需要额外的处理
2. 方法二的优点在于它能自定义宽度，前景背景颜色，且当鼠标鼠标移上去时立即显示
当然还有一种最最简单的办法，就是利用网页控件的style隐藏过长的文字：
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述