C# GridView中鼠标指向行ToolTip提示相关信息

tangjun0102

于 2009-10-10 16:25:00 发布

阅读量1.4k

点赞数

文章标签： c# object string 数据库

本文链接：https://blog.youkuaiyun.com/tangjun0102/article/details/4650907

版权

本文介绍了如何在C#的GridView控件中实现鼠标悬停时显示ToolTip，提供数据相关信息的提示。通过创建RowDataBound事件，动态添加JavaScript函数来实现该功能。用户在Default.aspx页面添加GridView，设置数据库连接，并引用JavaScript文件。当鼠标移到GridView的行上时，显示自定义的提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载ToolTip.rar文件(http://download.youkuaiyun.com/source/1729047)
打开vs2005 新建一个项目
新建一个连接数据库的类(这里不在多讲)
打开Default.aspx文件
引用ToolTip.js文件(从ToolTip中解压出来,复制到项目中),放在<body></body>之间
<script type="text/javascript" src="../wz_tooltip.js"></script>
添加一个GridView控件邦定相应的数据
给GridView添加RowDataBound事件
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
                string msg = "Hello";
                e.Row.Attributes.Add("onmouseover", "Tip('" + msg + "')");
                e.Row.Attributes.Add("onmouseout", "UnTip()");
        }
    }
运行程序,Ok
效果图