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

最新推荐文章于 2018-05-19 10:16:37 发布

原创最新推荐文章于 2018-05-19 10:16:37 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

技术杂绘专栏收录该内容

15 篇文章

订阅专栏

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

　　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()"); } }