实训练习2 双击GridView 任何一条数据后，页面没有刷新，并将该行的数据显示在对应的字段中

最新推荐文章于 2023-07-31 08:54:21 发布

zuitaqingqiu

最新推荐文章于 2023-07-31 08:54:21 发布

阅读量483

点赞数 1

文章标签： radiobutton asp server textbox object button

本文链接：https://blog.csdn.net/zuitaqingqiu/article/details/6559012

版权

博客内容展示了如何实现双击GridView的某一行时，不刷新页面并将选定数据填充到相应字段，允许用户编辑信息。通过JavaScript绑定数据，然后在后台进行数据的保存操作，区分添加和修改状态。同时，介绍了在GridView行数据绑定事件中添加鼠标悬停和双击事件处理的方法。

摘要由CSDN通过智能技术生成

添加信息

双击GridView 任何一条数据后，页面没有刷新，并将该行的数据显示在对应的字段中进行编辑

修改信息

------------------

1.使用js进行数据的绑定

2.保存数据

//不刷新绑定数据 function bindtxt(va){ var name = document.getElementById("<%=txtname.ClientID%>"); //获得姓名文本框 var age = document.getElementById("<%=DropDownList1.ClientID%>");//获得年龄下拉列表框 var woman = document.getElementById("<%=rbtwoman.ClientID%>"); //获得单选按钮男 var man = document.getElementById("<%=rbtman.ClientID%>");//获得单选按钮女 var view = document.getElementById("<%=GridView1.ClientID%>");//获得表格 //根据表格中列的文本值进行赋值 name.value = view.rows[va].cells[0].innerText; //姓名 age.value=view.rows[va].cells[1].innerText;//年龄 var sexval = view.rows[va].cells[2].innerText; //性别 //根据性别进行单选按钮选择的设置 if(sexval!="男"){ man.checked=false; woman.checked = true; }else{ man.checked=true; woman.checked = false; } var lbl = document.getElementById("<%=hedid.ClientID%>"); //存储用户所在的行数 lbl.value=va; return false; }

页面显示：

后台：

/// <summary> /// 保存事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void btnSave_Click(object sender, EventArgs e) { //收集数据 UsesInfo us = new UsesInfo { Name = this.txtname.Text, Age = Convert.ToInt32(this.DropDownList1.SelectedValue), Sex = this.rbtman.Checked ? "男" : "女" }; bool bn = false; if (this.hedid.Value=="0") //判断是否是修改 { bn = useManager.AddUses(us); //添加用户 } else { //根据行号获得id 行号需要减一传值的时候为了去掉表头加一 us.UID = Convert.ToInt32(this.GridView1.DataKeys[Convert.ToInt32(this.hedid.Value)-1].Value); bn = useManager.UpUse(us); //更新 } if (bn) //恢复初始状态 { this.DropDownList1.SelectedIndex = 9 ; this.txtname.Text = string.Empty; this.rbtman.Checked = true; this.rbtwoman.Checked = false; this.hedid.Value = "0"; } gvBind(); } /// <summary> /// 数据行绑定事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType== DataControlRowType.DataRow) { //添加光棒效果 e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='skyblue';this.style.cursor='hand';"); e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c;;this.style.cursor='hand';"); //添加双击事件 e.Row.Attributes.Add("ondblclick", "return bindtxt('" + (e.Row.RowIndex+1) + "');"); } }