Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
734
Assunto : ASP.NET
Titulo: Criando um efeito de seleção com mouse em dataGrids

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon



Este é um efeito bem interessante : Poder fazer com que a linha onde está o mouse mude de cor.

Basta um pouco de javascript para chegar neste resultado. Veja como fica o javascript, que pode ser diretamente inserido dentro do HTML da página :

<script language=javascript>
<!--

var cor;

function selecionaGrid( elemento )
{
cor=elemento.style.backgroundColor;
elemento.style.backgroundColor = "#a2bf82";
}

// Função para mudar a linha ao de-selecionar
function deSelecionaGrid( elemento)
{
elemento.style.backgroundColor = cor;
}

//-->
</script>

Observe como as funções javascript neste exemplo foram criadas de forma parametrizada, para facilitar sua chamada a partir da datagrid.

Para liga-la com a datagrid devemos programar o evento itemCreated. Basta ligar a função com a linha atual da grid, exceto para cabeçalhos e rodapés. Veja :

Private Sub DG_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DG.ItemCreated


If e.Item.ItemType = ListItemType.AlternatingItem Or e.Item.ItemType = ListItemType.Item Then


e.Item.Attributes.Add("onMouseOver", "selecionaGrid(this)")
e.Item.Attributes.Add("onMouseOut", "deSelecionaGrid(this)")
End If
End Sub


Juntando este recurso com o que eu havia publicado em http://www.bufaloinfo.com.br/dicas.asp?cod=724, gera-se um efeito bem legal.

Esta dica foi construida com o auxilio do Baiano, cujo blog fica em http://br.thespoke.net/MyBlog/Baiano/MyBlog.aspx


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 11/27/2017 11:37:00 PM
nome: hJtILEVcSFiYfqiZ
email: jimosanil0c@hotmail.com
comentário:
3MLdmq http://www.LnAJ7K8QSpfMO2wQ8gO.com

data: 2/1/2017 1:52:00 AM
nome: NKUShkTFauvS
email: derby451@hotmail.com
comentário:
qDATEV http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/31/2017 10:35:00 AM
nome: HaEJmwRugvDA
email: derby451@hotmail.com
comentário:
3CODuq http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/30/2017 12:56:00 AM
nome: DXCgcxMMrGKX
email: derby451@hotmail.com
comentário:
N3BPpB http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 11:45:00 PM
nome: BOeFcEWVdjqgjN
email: jogcbfn@hotmail.com
comentário:
YpCvF0 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br