Checkbox en datagrid

[popopo]

Hola , quisiera solamente hacer esta pregunta , tengo un datagrid con checkbox , y quiero que cuando haga click se me pinte la fila,(tipo Hotmail) pero que sea del lado del cliente , lo logre hacer pero del lado del servidor y me dijeron que no es optimo y que la haga del lado del cliente pero no se como hacerlo , si me pueden ayudar se los agradeceria, disculpen las molestias

GRACIAS

[davidtorrejon]

Hola, puedes usar javascript que se ejecuta en el cliente. Debes dar id's al checkbox y luego usar el document.GetElementByid("id del datagrid"). Perdona que no sea mas explicito, pero creo que se puede hacer asi. Voy a mirarlo por ahi. Si lo descubres, dime como lo has hecho.

[popopo]

Gracias por contestar , pero la verdad no tengo ni idea de javascript si me puedes tirar alguna ayuda conceptual lo averigüo millones de gracias

[RootK]

Te mando un ejemplo...

Supongamos que tiene sun datagrid con la siguiente estructura:

<asp:DataGrid id="DataGrid1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<%# Container.DataItem("Campo1") %>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<ItemTemplate>
<%# Container.DataItem("Campo2") %>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox Runat="server" ID="chkOption"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>

Cuando llenes tu datagrid lo que vas a hacer es localizar el checkbox para asociarle el evento click y asignarle un ID a la fila para poder hacer despues la referencia en el evento ItemDataBound ... tu code quedaría:

Private Sub DataGrid1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBound
If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then
Dim chk As CheckBox = CType(e.Item.FindControl("chkOption"), CheckBox)
chk.Attributes.Add("onclick", "markRow('" + e.Item.ClientID + "',this)")
e.Item.Attributes.Add("id", e.Item.ClientID)


End If
End Sub

Y finalmente tu javascript quedaría: (dentro de los headers), donde recibe 2 parámetros... el id la fila y el objeto checkbox...

<script language=javascript>
function markRow(obj,chk)
{
if (chk.checked) {
obj = document.getElementById(obj);
obj.style.backgroundColor = 'red';
}
else {
obj = document.getElementById(obj);
obj.style.backgroundColor = 'white';
}
}
</script>

Y listo.. cuando des click se iluminará la columna seleccionada y viceversa..

Espero haber sido claro y que te haya servido

Salu2

[popopo]

GRACIAS LOS AMO!!!!!!!!!!!!!

[RootK]

GRACIAS LOS AMO!!!!!!!!!!!!!

wow.... ya me siento amado.. jaja ya me dí cuenta que las maquinas tambien sentimos.. jaja

[Azteka]

Checa esta pagina:

http://www.codeproject.com/aspnet/Mu..._Dataagrid.asp