I made this with asp.net version 2 (you need to adapt it if you use version1).
The change happens client side .
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
protected void dg_ItemCreated(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem | e.Item.ItemType
== ListItemType.Item)
{
((CheckBox)e.Item.FindControl("CheckBox1")).Attrib utes.Add("onclick",
"highLight(this)");
}
}
</script>
<script>
function highLight(el){
var row = el.parentElement.parentElement;
if (row.className == 'row' )
row.className = 'rowSelected';
else
row.className = 'row';
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style>
.row {
background-color:white;
}
.rowSelected {
background-color:gray;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DataGrid runat="server" ID="dg" DataSourceID="SqlDataSource1"
OnItemCreated="dg_ItemCreated">
<ItemStyle CssClass="row" />
<SelectedItemStyle CssClass="row" />
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid><asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString1 %>"
SelectCommand="SELECT * FROM [Customers]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
Let me know if you have any more questions...
Cheers,
Tom Pester
