当前位置:首页文章首页 IT学院 IT技术

在dataGrid第1列附加CheckBox的实例代码

作者:  来源:  发布时间:2011-6-10 15:00:25  点击:

本文提供给大家分享的是关于在 dataGrid上的第一列加上CheckBox 的实例代码分享,希望能给大家带来帮助和启发。

全选/反选:
  <input type="checkbox" name="selAll" onclick="SelectAll(this,'DataGrid1',0);">全选/反选
  注SelectAll參數說明:
   DataGrid1:為DataGrid的ID
   0:為checkbox在Datagrid中的列位置:從0開始,不顯示出來的列不算
  
   function SelectAll(cur,obj,item)
  {
  var boolSel = false;
  if(cur.checked) boolSel=true;
  var objTBChildren = document.all(obj).children;
  for(var i=1; i<objTBChildren.length; i++)
  {
  if(objTBChildren[i].tagName=="TBODY")
  {
  var objTRS = objTBChildren[i].children;
  for(var i=0; i<objTRS.length; i++)
  {
   try{
  var objTDS = objTRS[i].children;
  var chkCtrls = objTDS[item].children;
  chkCtrls[0].checked = boolSel;
   }catch(e){}
  }
  }
  }
  }
  
  
  
  private void dgMission_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
  if (e.Item.ItemIndex > -1)
  {
  ((CheckBox)e.Item.Cells[0].FindControl("chkName")).Attributes.Add("onclick","changecolor(this)");
  }
  }
  
  
  <script language="java script">
  function changecolor(sender)
  {
  var temp=sender.parentElement;
  while(temp.tagName != 'TR')
  {
  temp=temp.parentElement;
  }
  if(temp!=null)
  {
  temp.style.backgroundColor='Green';
  }
  }
  </script>

相关软件

相关文章

文章评论

软件按字母排列: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z