DataGrid 双击事件的实现

 在网上找到过一些对于DataGrid控件的双击事件的方法,有些是需要刷新页面的,有些则太过于复杂,东搞西搞一头雾水.难啦!还是自己动手做啦,根据需求,需将DataGrid双击后将双击的行内的内容提取出来写入对于的TEXTBOX框内,当然前提是不能刷新页面,因为刷新时又跳出开头了.参考了一下网上大虾的公布的东东,自己修改了一下,现公布出来给大家,资源共享啦:)

首先,在DataGrid的ItemDataBound事件里对每个项添加客户端双击事件:

    e.Item.Attributes.Add("ondblclick", "javascript:datagrid1_dbclick('" + e.Item.Cells[1].Text.Trim() + "','"+ e.Item.Cells[2].Text.Trim() +"','"+ e.Item.Cells[3].Text.Trim() +"','"+e.Item.Cells[4].Text.Trim()+"')");

后面的参数为DataGrid行内的各项内容;

如下:

  private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
      e.Item.Cells[5].Attributes.Add("onclick","return confirm('确定删除记录？');");
   if(e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item )
   {
    e.Item.Attributes.Add("onmouseover", "this.oldcolor=this.style.backgroundColor;this.style.backgroundColor='#FFFF00'");
    e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=this.oldcolor");
    e.Item.Attributes.Add("ondblclick", "javascript:datagrid1_dbclick('" + e.Item.Cells[1].Text.Trim() + "','"+ e.Item.Cells[2].Text.Trim() +"','"+ e.Item.Cells[3].Text.Trim() +"','"+e.Item.Cells[4].Text.Trim()+"')");
   }
  }

完成以上后,则将DataGrid的双击事件定义了,然后再加上客户端脚本程序段,让双击事件的函数能够用起来:

 function datagrid1_dbclick(PoliceID,PoliceName,PoliceMobie,Memo)

{ window.document.forms[0].tblPoliceID.value=PoliceID;

 window.document.forms[0].Police1.value = PoliceID;

 window.document.forms[0].tblPoliceName.value=PoliceName;

 window.document.forms[0].tblPoliceMobie.value=PoliceMobie;

 if(Memo!=" ")

window.document.forms[0].tblMemo.value=Memo;

else window.document.forms[0].tblMemo.value="";

 }

以上是客户端脚本程序,将DataGrid传过来的参数,分别赋值给界面上的四个TXETBOX对像,这样就不用运行

服务端程序,也就没有刷新页面的烦恼了,呵呵,是不是很简单?希望能给你带来帮助.