DataGrid中鼠标单击行改变颜色

80酷酷网    80kuku.com

  datagrid以前在CSDN看到很多同仁问过关于如何实现鼠标单击改变一行颜色,(鼠标移动改变颜色,我想大家应该都能实现了)
那下面就开发吧,话就不多讲啦.

在Item_Create中添加代码:
#region DataGrid Item Create
public void DataGrid_ItemCreate(objectsender,System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onclick","javascript:return CG(this);");//单击改变颜色
}
}
#endregion
客户端代码:(javascript):
<script language=javascript>

function CG(obj)
{
var Curr_TR=document.all.tags("tr");
for(var i=1;i<Curr_TR.length;i++)
{
Curr_TR[i].Style.backgroundColor="white";
}
obj.style.backgroundColor="yellow";
}
</script>

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: