Colorindo a Linha do DataGrid no Evento onMouseOver


Para que a navegação fique um pouco mais interativa para o Usuário, tornando-a bem mais inteligente.

Algo que podemos fazer para melhorar, é quando o Usuário passar o ponteiro do mouse pelas linhas do DataGrid, a cor do background da célula muda para que o mesmo tenha uma referência de onde esta.

Abaixo o código necessário para isso:

1
2
3
4
5
6
7
8
9
10
 
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 OrElse _
        e.Item.ItemType = ListItemType.Item Then
 
        e.Item.Attributes.Add(“onMouseOver”, “this.style.backgroundColor=’#CCCCCC'”)
        e.Item.Attributes.Add(“onMouseOut”, “this.style.backgroundColor=’#FFFFFF'”)
    End if
End Sub
 

Através dos atributos do Item em questão, que neste caso é uma TR (TableRow), utilizamos os eventos onMouseOver e onMouseOut para definirmos as cores que desejamos que fique a nossa linha quando o cursor do mouse passar por cima dela e quando o cursor sair. Vale também chamar a atenção para a condicional que temos que fazer para termos a certeza que estamos manipulando apenas as “linhas” correspondentes a dados e descartando os Header e Footer do DataGrid.

Anúncios

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s