Trabalhando com LinkButton dentro do Gridview

Saiba trabalhar com linkbutton dentro do gridview com segurança

 

            Olá pessoal, gostaria de explicar passo a passo como trabalhar com componente LinkButton dentro do GridView de forma dinâmica e simples. É preciso ficar atento em alguns detalhes especiais.

 

Requisito:

Ferramenta: Visual Studio.NET 2008

Linguagem: C#.NET

Conhecimento dos componentes .NET

 

Explicando a situação

            Tenho um aplicativo utilizando AJAX e tenho um grid sendo exibido na página. Dentro desse grid, tenho um link que devo clicar para abrir um outro componente .NET chamado TabContainer – segue um link de um artigo mostrando o TabContainer. [http://aspneti.com/trabalhando+com+o+componente+tabcontainer+722,0.aspx].

            Se eu colocar um link na página normalmente; isto é; <a href=””>, a tela dará refresh em tudo e na verdade quero apenas abrir um componente específico passando parâmetro do grid preenchido. Fora que, não quero mostrar na página o parâmetro que está sendo passado, dessa forma fica mais seguro. Melhor fazer tudo internamente. Espero que tenha entendido um pouco a explicação, tentei ser mais claro possível.

 

Código GridView

            Segue o código gridview montado. (Code 1.1)

 

<asp:GridView ID="grdProntuario" runat="server" Width="170px"                         AutoGenerateColumns="false" ShowHeader="false">                         <Columns>                             <asp:TemplateField>                                 <ItemTemplate>                                     <asp:Image ID="imgProntuario" runat="server" ImageUrl="~/App_Themes/default/image/cadeado.png" />                                 </ItemTemplate>                             </asp:TemplateField>                             <asp:BoundField DataField="Bloqueado" ItemStyle-ForeColor="White"/>                             <asp:BoundField DataField="DocumentoCapturadoId" ItemStyle-ForeColor="White"/>                         </Columns>                                             </asp:GridView>

Code 1.1

 

            O code 1.1 mostra apenas o código do gridview sem maiores detalhes. Uma observação é que coloquei uma imagem (<asp:image>) no itemTemplate do gridview. Dentro desse itemTemplate, vou colocar mais um componente chamado LinkButton. Code 1.2.

 

<asp:GridView ID="grdProntuario" runat="server" Width="170px"                         AutoGenerateColumns="false" ShowHeader="false"                         onrowdatabound="grdProntuario_RowDataBound">                         <Columns>                             <asp:TemplateField>                                 <ItemTemplate>                                     <asp:Image ID="imgProntuario" runat="server" ImageUrl="~/App_Themes/default/image/cadeado.png" />                                     <asp:LinkButton ID="lnkProntuario" runat="server"                                         Text='<%# DataBinder.Eval(Container.DataItem, "Campo1") %>'                                         oncommand="lnkProntuario_Command"                                         CommandArgument='<%# (String) DataBinder.Eval(Container.DataItem, "Campo1") + "$" + DataBinder.Eval(Container.DataItem, "Campo2") %>'>                                     </asp:LinkButton>                                 </ItemTemplate>                             </asp:TemplateField>                             <asp:BoundField DataField="Bloqueado" ItemStyle-ForeColor="White"/>                             <asp:BoundField DataField="DocumentoCapturadoId" ItemStyle-ForeColor="White"/>                         </Columns>                                             </asp:GridView>

Code 1.2

 

            Note que depois da imagem adicionei o código (<asp:LinkButton ID="lnkProntuario" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Campo1") %>' oncommand="lnkProntuario_Command"

CommandArgument='<%# (String) DataBinder.Eval(Container.DataItem, "Campo1") + "$" + DataBinder.Eval(Container.DataItem, "Campo2") %>'></asp:LinkButton>)

 e depois desse código continuei o gridview com seus campos específicos.

 

Explicação:

            O que aparece no Text do componente <LinkButton> é o “Campo1” vindo da pesquisa no banco de dados.  Para editar o grid, tive que clicar com o botão direito, acessar as propriedades do gridview e depois acessar o linkButton. (Imagem 1.1)

 

Referência: 1.1

 

            Como mostro na referência, cliquei com o botão direito em cima do gridview; escolhi a opção Edit Template e escolhi a coluna número [0]. Automaticamente o linkbutton apareceu para ser editado. (Referência 1.2)

 

Referência: 1.2

 

            No itemTemplate aberto, cliquei em cima selecionando o componente e acessar as suas propriedades. Foi exatamente isso que fiz. O evento ativado foi o onCommand. (Referência 1.3)

 

Referência: 1.3

 

            Quando eu ativo o onCommand, posso passar os parâmetros como argumento usando a propriedade CommandArgument. Os parâmetros de envio vieram também do banco de dados como campos normais do dataset. (Code 1.3)

 

CommandArgument='<%# (String) DataBinder.Eval(Container.DataItem, "Campo1") + "$" + DataBinder.Eval(Container.DataItem, "Campo2") %>'>

Code 1.3

 

            No meu caso eu preciso passar dois campos ao mesmo tempo para o meu código, e com o linkbutton, eu tive que passar como valor e depois separa com o Split. Veja que coloquei (String) antes dos dois valores para informar que os dados são do tipo string. O próximo passo é explicar e mostrar o código C#.NET. Code 1.4

 

protected void lnkProntuario_Command(object sender, CommandEventArgs e)         {             try             {                 string[] cmdArgs = e.CommandArgument.ToString().Split(new char[] { '$' });                 Texto1.Text = cmdArgs[0].ToString();                                 Texto2.Text = cmdArgs[1].ToString();             }             catch (Exception ex)             {                 throw ex;             }         }

Code 1.4

 

            Vendo um pouco sobre o lnkProntuario_Command, declarei um array de string[] pegando o e.CommandArgument.ToString().Split(new char[]{‘$’}). O e.CommandArgument é o valor vindo do grid quando clico no linkButton, porém vem tudo junto, por exemplo: MeuNome$123456.

            Preciso agora separar a string concatenada pelo $ (cifrão). Com o split para separar as duas strings entre o $, fiquei com a posição zero e posição 1 para exibir no componente TabContainer falado anteriormente.

            Para esse final, basta separar a posição 0 para um tempo e a posição 1 para outro campo.

 

Comando para pegar no momento clicado. Code 1.5

 

e.CommandArgument.ToString().

Code 1.5

 

Comando para separar a string concatenada. Code 1.6

 

string[] cmdArgs = e.CommandArgument.ToString().Split(new char[] { '$' });

Code 1.6

 

Comando para pegar a primeira e segunda posição do array de string. Code 1.7

 

Texto1.Text = cmdArgs[0].ToString();             Texto2.Text = cmdArgs[1].ToString();

Code 1.7

            Bom, eu fico por aqui, espero ter ajudado e esclarecido a você leitor, como desenvolver com linkButton dentro do gridview.