DataGrid com Popup


Muitas vezes precisamos exibir um conjunto de dados em um controle do tipo DataGrid e como os dados não estão todos sendo exibidos ao Usuário podemos criar uma nova janela onde passamos como parâmetro para a mesma o ID, identificando o registro, e assim nesta nova janela efetuamos uma nova Query na DB e assim retornamos seu conteúdo na íntegra.

Através do Property Builder do DataGrid, podemos definir a nossa coluna que será o link que abrirá esta nova página para o Usuário como HyperLinkColumn, passando como parâmetro o ID do registro. Através da HyperLinkColumn podemos definir o texto que será o Link, que neste caso será o nome da Categoria vindo da DB, o campo da DB que indentifica o registro e o formato da URL.

Temos que definir todos esses campos para que seja enviado corretamente o valor a nova janela, principalmente na propriedade “URL Format String”, onde informamos a função Javascript que encontra-se no cliente (no arquivo ASPX).

Abaixo uma figura que nos mostra como definir os campos corretamente na HyperLinkColumn no Property Builder do DataGrid:

Depois destes dados definidos, resta criarmos a função “Visualizar” no arquivo ASPX, conforme é mostrado abaixo:

1
2
3
4
5
 
<script language=”javascript”>
    function Visualizar(id){
        window.open(‘Pagina.aspx?ID=’+ id, ”, ”);
    }
</script>
 

Infelizmente o único problema que temos quando definimos os parâmetros no Property Builder é que ele nos permite apenas utilizarmos um parâmetro dinâmico, e caso precise de mais de um, teríamos que interceptar o DataBind do DataGrid, e assim montar o link dinamicamente no código.

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