GridView abrindo "popup com detalhes" por coluna.

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (18)  (2)

Neste artigo, iremos ver como criar um GridView com recursos de clique em colunas, usando o ASP.NET com C#.

Usando o Visual Studio 2005, crie um novo projeto do tipo "Web Site" (File / New / Web Site ) e após isso selecione a opção "ASP.NET Web Site". O Novo projeto será criado na pasta default do Visual Studo e será criado automáticamente a página Default.Aspx.

Clique no botão "Design" no rodapé da página para abri-la em modo de design, após isso vá na toolbox e clique na guia "Data", selecione um controle GridView e arraste para o formulário. Imagine que o grid terá essas 3 colunas:

-----------------------------------------------------------------------

Codigo    |     CPF   |     Nome

------------------------------------------------------------------------

Feito isso clique no GridView1 que você acabou de criar, associe a uma tabela qualquer que você tenha, abra o evento RowCreated e coloque o seguinte código

if (e.Row.DataItem != null // Este if verifica se algum registro foi selecionado.

{

DataSetClientes.ClientesRow registro = (DataSetClientes.ClientesRow)((DataRowView)e.Row.DataItem).Row; //Aqui eu criei uma variavel do tipo ClientesRow  (um registro da tabela de clientes) e fiz um typecast para selecionar o registro atual que foi clicado pelo usuário.

e.Row.Cells[0].Attributes.Add("onclick", string.Format("javascript:window.open(JanelaPopUp1.aspx?={0});", registro.Codigo)); //Aqui eu coloquei no clique da coluna 0, ou seja se o usuário clicar na coluna 0 (Codigo) irá abrir o popup "JanelaPopUp1.aspx?Codigo={0}" passando o codigo X como parametro via QueryString

e.Row.Cells[1].Attributes.Add("onclick", string.Format("javascript:window.open(JanelaPopUp2.aspx?cpf={0});", reg.CPF)); //Aqui eu coloqueio no clique da coluna 1 (lembre-se que a contagem começa de 0), caso o usuário clique nesta coluna irá se abrir o popup "JanelaPopUp2.aspx" passando o CPF do cliente via QueryString

e.Row.Attributes.Add("onmouseover", "javascript:this.className=gridPrincipal selecionado"); // Aqui setei a classe CSS para quando o mouse passar por cima para causar um efeito visual se seleção

e.Row.Attributes.Add("onmouseout", "javascript:this.className=gridPrincipal"); // Aqui outro efeito via CSS

}

Bom, agora é só compilar e testar! caso você tenha alguma dificuldade mande um e-mail para mim que te mando um exemplo funcionando.

André Cardoso (andre_pr@hotmail.com).

 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?