welcome...

welcome...

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";
 }

大家不妨试一下!^_^

 

 

阅读更多
个人分类: ASP.NET
想对作者说点什么? 我来说一句

设置datagrid背景色示例

2010年03月19日 468KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭