[Resolvido] GridView com img

Cintia_Ribeiro · Agosto 3, 2011

Galera, to tentando criar uma paginação com gridview, na verdade eu consegui criar o problema é que quero que esse grid mostre as imagens onde o endereço está gravado no banco de dados...Como faço para que o gride peque essas imagens?

Ivan.Teles · Agosto 3, 2011

Seria isso: http://msdn.microsoft.com/en-us/library/aa479350.aspx

Cintia_Ribeiro · Agosto 3, 2011

Exatamente, mas a imagem não aparece

Ivan.Teles · Agosto 3, 2011

aparece o q, na renderização htm?

Cintia_Ribeiro · Agosto 3, 2011

o godigo html fica dessa forma


<th scope="col">img</th><th scope="col"> </th>

	</tr><tr>

		<td>c:\img\treinopalmeiras.jpg</td><td><img src="" style="border-width:0px;" /></td>

	</tr><tr>

		<td>c:\img\bandeirabrasil.jpg</td><td><img src="" style="border-width:0px;" /></td>

	</tr><tr>

		<td>c:\img\bandeiracorinthians.jpg</td><td><img src="" style="border-width:0px;" /></td>

	</tr><tr>

o src da imagem simplesmente vazio

Ivan.Teles · Agosto 3, 2011

posta o codigo de seu gridview tb!

Cintia_Ribeiro · Agosto 3, 2011

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="paginacao.aspx.cs" Inherits="paginacao" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>Untitled Page</title>
</head>
<body>
   <form id="form1" runat="server">
   <div>

       <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
           DataSourceID="ObjectDataSource1">
           <Columns>
               <asp:BoundField DataField="img" HeaderText="img" SortExpression="img" />
               <asp:ImageField DataImageUrlField="img">
               </asp:ImageField>
           </Columns>
       </asp:GridView>
       <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 
           SelectMethod="Imagem" TypeName="upload.imagem"></asp:ObjectDataSource>

   </div>
   </form>

</body>
</html>

Cintia_Ribeiro · Agosto 5, 2011

Quem pode me ajudar?!? :(

Ivan.Teles · Agosto 5, 2011

Tenta assim:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
           DataSourceID="ObjectDataSource1">
           <Columns>
<asp:TemplateField>
<ItemTemplate>
<img src='<%# Eval("img")  %>' />
</ItemTemplate>
</asp:TemplateField>
           </Columns>
       </asp:GridView>

Cintia_Ribeiro · Agosto 5, 2011

dessa forma dá o seguinte erro ype 'System.Web.UI.WebControls.TemplateField' does not have a public property named 'img'.

Ivan.Teles · Agosto 5, 2011

E assim:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
           DataSourceID="ObjectDataSource1">
           <Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Image ID="BU" ImageUrl='<%# Eval("img") %>' ImageAlign="Middle" runat="server" />
</ItemTemplate>
</asp:TemplateField>
           </Columns>
       </asp:GridView>

Cintia_Ribeiro · Agosto 6, 2011

Não presentou erro, mas tbm não funciou, a imagem não apareceu.

É necessário incluir alguma biblioteca?

Ivan.Teles · Agosto 6, 2011

Não, como foi o html gerado.

Cintia_Ribeiro · Agosto 6, 2011

Não, como foi o html gerado.

<tr>

<th scope="col">filmeImagem</th><th scope="col"> </th>

</tr><tr>

</td>

</tr>

</table>

Daniel LM Costa · Agosto 7, 2011

Quem está gravado no grid view é o endereço não a imagem , correto ????

Se sim, eu faço desse jeito quando eu trabalho

--- no grid view


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title>Untitled Page</title>
</head>
<body>
   <form id="form1" runat="server">
   <div>

       <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
           DataSourceID="ObjectDataSource1">
           <Columns>
               <asp:BoundField DataField="img" HeaderText="img" SortExpression="img" />
	<asp:templatefield>
		<aspitem:ItemTemplate>
                	<asp:Image runat="server" id="img"></asp:image>
		</aspitem:ItemTemplate>
	</asp:templatefield>
       </Columns>
       </asp:GridView>
       <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 
           SelectMethod="Imagem" TypeName="upload.imagem"></asp:ObjectDataSource>

   </div>
   </form>

</body>
</html>

--no evento - onRowDataBound

if e.rowtype = datarow then

ctype(e.findcontrol("img"), image).imageurl = ctype(e.dataitem,datarowview)("img")


end if

Cintia_Ribeiro · Agosto 8, 2011

E como seria em c#?

Ivan.Teles · Agosto 8, 2011

Não exibiu sua imagem por que no navegador ele não encontra a imagem em J:....

tenta assim:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
           DataSourceID="ObjectDataSource1">
           <Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Image ID="BU" ImageUrl='<%# Eval("img").ToString().Replace("J:", "") %>' ImageAlign="Middle" runat="server" />
</ItemTemplate>
</asp:TemplateField>
           </Columns>
       </asp:GridView>

Dessa forma deve exibir, mas lembrando que no banco de dados você deve guardar somente o nome da imagem page.png, e não o caminho todo, pois como disse na web ele não funciona se você guardar o caminho todo a não ser que o caminho seja guardado da seguinte forma /img/page.png

Se você guardar somente o nome page.png da imagem no banco no momento de exibir na web você faz assim:

<%# Eval("img", "/img/{0}") %>

Se você guardar o caminho /img/page.png você exibe na web assim:

<%# Eval("img") %>

Cintia_Ribeiro · Agosto 8, 2011

Desculpe a minha ignorância, mas não entendi o pq de gravar somente o nome da imagem no banco.

Ivan.Teles · Agosto 8, 2011

O por que é simples: Se você for guardar o caminho completo, ele não pode ser C:\pasta\image.png por que no momento de exibir, os navegadores não entendem C:\pasta\image.png, até por que ao ai ir pro ar seu site, você não terá o caminho fisico C:\, só tera o caminho relativo!

Cintia_Ribeiro · Agosto 8, 2011

ok, mas como saberá de onde pegar as imagens já que não tem o caminho

Arquivado

[Resolvido] GridView com img

Recommended Posts

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Daniel LM Costa 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ivan.Teles 23

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cintia_Ribeiro 0