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

最新推荐文章于 2016-09-27 17:20:30 发布

原创

最新推荐文章于 2016-09-27 17:20:30 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#c# #object #string #数据库

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

下载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
效果图

最低0.47元/天解锁文章