Colocar icone no meu GridView abaixo

Question

Como eu coloco um icone de uma image que tenho no meu GridView abaixo em vez de aparecer o texto excluir ou editar ?

 <asp:Panel runat="server" ID="pnlShowData" Visible="true">
        <h1>Todos os Produtos Cadastrados</h1>
        <asp:GridView ID="gwDados" runat="server" AutoGenerateColumns="False" EmptyDataText="Não Existem Produtos Cadastradas...">
            <Columns>
                <asp:BoundField DataField="CODIGO" HeaderText="Código" />
                <asp:BoundField DataField="DESCRICAO" HeaderText="Descrção" />
                <asp:BoundField DataField="DATACADASTRO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data do Cadastro" />
                <asp:BoundField DataField="DATAATUALIZACAO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data da Atualização" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Edit.aspx?id={0}" Text="Editar" DataNavigateUrlFields="CODIGO" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Excluir.aspx?id={0}" Text="Excluir" DataNavigateUrlFields="CODIGO" />
            </Columns>
        </asp:GridView>
    </asp:Panel>

Answer 1

Como eu coloco um icone de uma image que tenho no meu GridView abaixo em vez de aparecer o texto excluir ou editar ?

 <asp:Panel runat="server" ID="pnlShowData" Visible="true">
        <h1>Todos os Produtos Cadastrados</h1>
        <asp:GridView ID="gwDados" runat="server" AutoGenerateColumns="False" EmptyDataText="Não Existem Produtos Cadastradas...">
            <Columns>
                <asp:BoundField DataField="CODIGO" HeaderText="Código" />
                <asp:BoundField DataField="DESCRICAO" HeaderText="Descrção" />
                <asp:BoundField DataField="DATACADASTRO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data do Cadastro" />
                <asp:BoundField DataField="DATAATUALIZACAO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data da Atualização" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Edit.aspx?id={0}" Text="Editar" DataNavigateUrlFields="CODIGO" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Excluir.aspx?id={0}" Text="Excluir" DataNavigateUrlFields="CODIGO" />
            </Columns>
        </asp:GridView>
    </asp:Panel>

Answer 2

Paulo,

Tente isso:

<asp:Panel runat="server" ID="pnlShowData" Visible="true">
        <h1>Todos os Produtos Cadastrados</h1>
        <asp:GridView ID="gwDados" runat="server" AutoGenerateColumns="False" EmptyDataText="Não Existem Produtos Cadastradas...">
            <Columns>
                <asp:BoundField DataField="CODIGO" HeaderText="Código" />
                <asp:BoundField DataField="DESCRICAO" HeaderText="Descrção" />
                <asp:BoundField DataField="DATACADASTRO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data do Cadastro" />
                <asp:BoundField DataField="DATAATUALIZACAO" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Data da Atualização" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Edit.aspx?id={0}" Text="<img src='Images/Editar.png' alt='Editar' />" DataNavigateUrlFields="CODIGO" />
                <asp:HyperLinkField DataNavigateUrlFormatString="Produtos_Excluir.aspx?id={0}" Text="<img src='Images/Excluir.png' alt='Excluir' />" DataNavigateUrlFields="CODIGO" />
            </Columns>
        </asp:GridView>
    </asp:Panel>

Obs: Não esqueça de informar o caminho e os nomes corretos das imagens.

---

Carlos Eduardo Ferreira

Answer 3

Obrigado o icone apareceu porem eu preciso que apareça a msg Excluir quando o usuario colocar o mouse em cima do icone no GridView.

Fico no aguardo.

Obrigado.

Answer 4

Paulo, Utilize o atributo title da imagem (img).

---

Carlos Eduardo Ferreira

Answer 5

Paulo,

eu utilizo para exibir as minhas listas um Repeater. E dentro dele para exibir os botões de comando um ImageButton.

Veja:

<asp:ImageButton runat="server" CommandArgument="<%# Bind('id_registroaexcluir') %>" ID="imgEditarItems" ImageUrl="~/Images/edit_grid.png" CommandName="identificacao_comando_codebehind" />

Com esse imagebutton, ele vai chamar o evento do repeater, chamado "OnItemCommand".

E depois é só você ir no evento onItemCommand do asp:repeater no c# e fazer o que você precisa.

---

Att, Arthur Augusto