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

原创 2005年05月27日 13:11:00

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

大家不妨试一下!^_^

 

 

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

1) 将DataGrid控件的AlternatingItemStyle.BackColor属性设置为“Beige”。 2) 在DataGrid控件创建项时激发的事件(DataGrid1_ItemCre...
  • donetk
  • donetk
  • 2008年05月03日 17:55
  • 253

DataGrid实现鼠标放到某行改变背景色

private void DataGrid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e...
  • selfxd
  • selfxd
  • 2007年06月07日 19:49
  • 653

easyUI 根据一些条件改变DataGrid 行背景颜色

这个教程将向你展示如何改变datagrid组件行样式根据一些条件,谁的listprice 值大于50我们将设置行为不同的颜色. 查看 Demo datagrid的rowStyl...
  • weinichendian
  • weinichendian
  • 2017年04月15日 10:04
  • 1602

EasyUI datagrid 改变行的背景色

easyUI datagrid改变所选列背景色
  • u014548782
  • u014548782
  • 2014年07月16日 11:20
  • 2866

DataGrid中鼠标单击行改变颜色

   以前在CSDN看到很多同仁问过关于如何实现鼠标单击改变一行颜色,(鼠标移动改变颜色,我想大家应该都能实现了) 那下面就开发吧,话就不多讲啦.在Item_Create中添加代码: #...
  • rickjelly2004
  • rickjelly2004
  • 2004年07月01日 09:55
  • 831

Winform DataGrid设计三步曲之三----如何改变DataGrid的背景色

                  Winform DataGrid设计三步曲之三                                        如何改变DataGrid的背景色   ...
  • tjvictor
  • tjvictor
  • 2007年01月22日 13:41
  • 5469

点击单元格改变背景色

 出租信息求租信息                                                                        aaaaabbbbbcccccdddd...
  • li_ser
  • li_ser
  • 2009年11月24日 15:00
  • 1304

在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色

在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色 例如根据学生的年龄来修改,年龄小于18岁的,该行为红色显示,如何做到 解决方法 1: 在你需...
  • a771948524
  • a771948524
  • 2013年07月12日 13:05
  • 2232

easyui datagrid中动态改变某行的颜色

easyui的datagrid,并没有针对某一行设置样式的方法。 datagrid的rowStyle方法,只能在表格创建的时候,为行设置样式。 这个样式一旦设置,后面就无法更改,因此它是一个表的方法,...
  • taiyongyu
  • taiyongyu
  • 2015年05月29日 15:53
  • 7037

为DataGride单元格添加背景色 .

为单元格添加背景色   转载位置: http://blog.csdn.net/hongtashan11/article/details/6771951 Flex中的DataGrid可能是...
  • sebastain
  • sebastain
  • 2012年10月12日 17:06
  • 2743
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid单击一行改变此行背景色
举报原因:
原因补充:

(最多只允许输入30个字)