DataGrid单击行时改变颜色

 <script>
  //DataGrid单击行时改变颜色
  var oldrow;
  var newColor='#CCCCFF';
  var oldColor;

  function SelectRow(rowno)
  {   
  if (oldrow == null)
  {
  oldColor = document.all('row'+rowno).style.backgroundColor;
  document.all('row'+rowno).style.backgroundColor = newColor;
  }
  else
  {
  oldrow.style.backgroundColor = oldColor;
  oldColor = document.all('row'+rowno).style.backgroundColor;
  document.all('row'+rowno).style.backgroundColor = newColor;
  }
         
  oldrow = document.all('row'+rowno);
  }
  </script>

调用:   在DataGrid的ItemCreated()事件中:
private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if(e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem)
   {
    e.Item.Attributes.Add("id","row"+e.Item.ItemIndex);
    e.Item.Attributes.Add("onclick","javascript:return SelectRow("+e.Item.ItemIndex+");");
   }
  }

原文地址:https://www.cnblogs.com/pingkeke/p/388410.html