Gridview中当鼠标经过数据行时弹出一个层显示数据

iteye_13389

于 2012-07-05 20:45:18 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

分类专栏：技术杂绘

本文链接：https://blog.youkuaiyun.com/iteye_13389/article/details/82365864

技术杂绘专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用ASP.NET进行GridView控件的数据绑定过程及行数据绑定事件的应用实例。通过SqlConnection连接数据库，执行SQL查询语句获取前10条客户记录，并将其填充到GridView中。同时，为GridView的每一行添加了鼠标悬停事件。

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

　　JS代码页面源码后台源码 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { databind(); } } public void databind() { SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrin gs["Conn"].ToString()); SqlCommand cmd = new SqlCommand(); cmd.Connection = con; cmd.CommandText = "Select top 10 * From Customers"; SqlDataAdapter da = new SqlDataAdapter(cmd); DataSet ds = new DataSet(); da.Fill(ds); this.GridView1.DataSource = ds.Tables[0]; this.GridView1.DataKeyNames = new string[] { "CustomerID" }; this.GridView1.DataBind(); } protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onmouseover", "Test('" + e.Row.Cells[0].Text + "','" + e.Row.Cells[1].Text + e.Row.Attributes.Add("onmouseout", "Hide()"); } }