webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机
网页模板

首页 >> WebDN 技术文档 >> 网络编程 >> ASP.net 技术资料 >> DataGrid单击一行改变此行背景色

 

DataGrid单击一行改变此行背景色

 1) 将DataGrid控件的AlternatingItemStyle.BackColor属性设置为“Beige”。


2) 在DataGrid控件创建项时激发的事件(DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e))中添加如下代码:

 private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
 {
  if ( e.Item.ItemIndex > -1 )
  {
   e.Item.Attributes["name"] = "SelectTR";
   e.Item.Attributes["onclick"] = "SelectNode(this)";
  }
 }


3) 在HTML代码页中添加JavaScript代码如下:

 function SelectNode(objThis)
 {
  var objTrs = document.getElementsByTagName("TR");
   var j = 0;
  for(var i = 0; i < objTrs.length - 1; i = i + 2 )
  {
   j = i + 1;
   if(objTrs[i].name == "SelectTR" )
    objTrs[i].style.backgroundColor = "Beige";
   if ( objTrs[j].name == "SelectTR" )
    objTrs[j].style.backgroundColor = "#ffffff";
  }

  objThis.style.backgroundColor = "#c6ff00";
 }

大家不妨试一下!^_^



电话咨询:010-60520722 QQ咨询:3792656   |   583696287   |   66733350 关于WebDN  |  站点地图  |  联系我们  |  支付方式  |  友情链接
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号