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";
}
大家不妨试一下！^_^
文章来源于领测软件测试网 https://www.ltesting.net/
