Repeater如何绑定动态生成的图片控件?

conner 2009-05-19 10:47:11
就是想在Repeater中绑定不同条件下动态生成的图片控件,并将图片显示出来。
...全文
286 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
igelf 2009-05-19
  • 打赏
  • 举报
回复
放一个Litera控件.遍历Repeater.
获取Litera控件.然后Litera1.Text="<img></img><img></img>...";
想显示几个图片都行.
jueyingfd 2009-05-19
  • 打赏
  • 举报
回复
前端:
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate >
<table id =Table1 border =1 align =center bordercolor ="#000000">
<tr >
<td colspan =4 align =center >显示图像信息 </td>
</tr>
<tr >
<td width ="110" align =center >图像编号 </td>
<td width ="90" align =center >图片名 </td>
<td width ="120" align =center >类别名称 </td>
<td width ="60" align =center >型录 </td>
</tr>
</HeaderTemplate>
<ItemTemplate >
<tr>
<td width ="110" align =center >
<asp:Label ID ="PicId" Text =' <%#DataBinder.Eval(Container.DataItem,"PicId") %>' runat =server> </asp:Label>
</td>
<td width ="90" align =center >
<asp:Label ID ="PicName" Text =' <%#DataBinder.Eval(Container.DataItem,"PicName") %>' runat =server> </asp:Label>
</td>
<td width ="120" align =center >
<asp:Label ID ="PicType" Text =' <%#DataBinder.Eval(Container.DataItem,"PicType") %>' runat =server> </asp:Label>
</td>

<td width ="60" align =center >
<asp:Image id="ProductImage"
ImageUrl=' <%# DataBinder.Eval(Container.DataItem, "PicPath") %>'
runat="server"/>
</td>
</tr>
</ItemTemplate>
<FooterTemplate >
</table>
</FooterTemplate>


</asp:Repeater>
后台代码:
//获得数据库连接
SqlConnection myConn = DBClass.GetConnection();
myConn.Open();
string SqlStr = "select * from tbPicture";
SqlDataAdapter da = new SqlDataAdapter(SqlStr, myConn);
//生成DataSet对象并填充数据
DataSet ds = new DataSet();
da.Fill(ds, "Picture");
//将Repeater控件进行数据绑定
Repeater1.DataSource = ds.Tables["Picture"].DefaultView;
Repeater1.DataBind();
conner 2009-05-19
  • 打赏
  • 举报
回复
多谢各位的回答,已经非常接近,我的意思是想在Repeater中绑定动态生成的image

第一行也许绑定3个image
第二行也许绑定20个images


igelf 2009-05-19
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 f800051235 的回复:]
引用 3 楼 zzxap 的回复:
以下为html代码

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

<!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>无标题页 </title>
</head>
<body bgcolor =…
[/Quote]

-------
不懂.
a12321321321312321 2009-05-19
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 zzxap 的回复:]
以下为html代码

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

<!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>无标题页 </title>
</head>
<body bgcolor ="#ffffcc">
<form id…
[/Quote]
不错
igelf 2009-05-19
  • 打赏
  • 举报
回复
放一个Litera控件.
例如:
Literal.Text="<img src='a.jpg'></img><img src='b.jpg'></img>";
zzxap 2009-05-19
  • 打赏
  • 举报
回复
以下为html代码

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

<!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>无标题页</title>
</head>
<body bgcolor ="#ffffcc">
<form id="form1" runat="server">
<div>
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate >
<table id =Table1 border =1 align =center bordercolor ="#000000">
<tr >
<td colspan =4 align =center >显示图像信息</td>
</tr>
<tr >
<td width ="110" align =center >图像编号</td>
<td width ="90" align =center >图片名</td>
<td width ="120" align =center >类别名称</td>
<td width ="60" align =center >型录</td>
</tr>
</HeaderTemplate>
<ItemTemplate >
<tr>
<td width ="110" align =center >
<asp:Label ID ="PicId" Text ='<%#DataBinder.Eval(Container.DataItem,"PicId") %>' runat =server></asp:Label>
</td>
<td width ="90" align =center >
<asp:Label ID ="PicName" Text ='<%#DataBinder.Eval(Container.DataItem,"PicName") %>' runat =server></asp:Label>
</td>
<td width ="120" align =center >
<asp:Label ID ="PicType" Text ='<%#DataBinder.Eval(Container.DataItem,"PicType") %>' runat =server></asp:Label>
</td>

<td width ="60" align =center >
<asp:Image id="ProductImage"
ImageUrl='<%# DataBinder.Eval(Container.DataItem, "PicPath") %>'
runat="server"/>
</td>
</tr>
</ItemTemplate>
<FooterTemplate >
</table>
</FooterTemplate>


</asp:Repeater>
 


</div>
</form>
</body>
</html>

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

(c#)代码

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class Repeater : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
DBBind();

}
public void DBBind()
{
//获得数据库连接
SqlConnection myConn = DBClass.GetConnection();
myConn.Open();
string SqlStr = "select * from tbPicture";
SqlDataAdapter da = new SqlDataAdapter(SqlStr, myConn);
//生成DataSet对象并填充数据
DataSet ds = new DataSet();
da.Fill(ds, "Picture");
//将Repeater控件进行数据绑定
Repeater1.DataSource = ds.Tables["Picture"].DefaultView;
Repeater1.DataBind();
}
}
conner 2009-05-19
  • 打赏
  • 举报
回复
图片显示的个数是根据数据库中的条件确定的,不确定
igelf 2009-05-19
  • 打赏
  • 举报
回复
动态的图片路径不就行了?
悔说话的哑巴 2009-05-19
  • 打赏
  • 举报
回复
我来凑个热闹
conner 2009-05-19
  • 打赏
  • 举报
回复
真心谢谢大家,正在调试中......
tulong403 2009-05-19
  • 打赏
  • 举报
回复
关键代码<img src='<%# Eval("字段名")%>' />
你可以将图片的路径存到数据库 那么上面的字段名就是你存放图片路径的字段名
或者你只是将图片上传到项目文件夹里
但是你有一个字段是用来存储图片名的
那么就应该这样写
<img src='image/<%# Eval("字段名")%>' />




希望能帮到你
如果还有问题 我这里还有资料
rightnow1980 2009-05-19
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 conner 的回复:]
多谢各位的回答,已经非常接近,我的意思是想在Repeater中绑定动态生成的image

第一行也许绑定3个image
第二行也许绑定20个images



[/Quote]


Repeater嵌套绑定

62,266

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧