【发布时间】：2016-08-06 23:48:57
【问题描述】：
我想将转发器的数据绑定到我要附加的图像的年度动态选项卡 enter image description here 中继器代码如下：
<!--begin isotope -->
<div class="isotope col-lg-12">
<!--begin portfolio filter -->
<ul id="filter" class="option-set clearfix">
<li data-filter="*" class="selected"><a>All</a></li>
<asp:Repeater ID="rpYear" runat="server" OnItemDataBound="rpYear_ItemDataBound">
<ItemTemplate>
<li data-filter='<%#Eval("Year") %>'>
<a>
<asp:Label ID="lbl" runat="server" Text='<%#Eval("Year") %>'></asp:Label>
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
<ul id="list" class="portfolio_list clearfix">
<asp:Repeater ID="rpImagedetails" runat="server">
<ItemTemplate>
<li class="list_item col-lg-4 col-md-4 col-sm-4 <%#Eval("Year") %> ">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src='<%# "FileUpload/Eventpic/"+ Eval("Image") %>' alt="" />
<div class="hovers">
<a href='<%# "FileUpload/Eventpic/"+ Eval("Image") %>' class="hover-zoom mfp-image" style="left: 45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5><%#Eval("Title") %></h5>
<span><%#Eval("Date") %>
<br>
<%#Eval("Stallno") %>
<br>
<%#Eval("Location") %></span>
</figcaption>
</figure>
</div>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</div>
<!--./span12-->
</div>
文件后面的代码如下：
protected void Page_Load(object sender, EventArgs e) { 获取年份（）； BindEventVideo1(); }
public void GetYear()
{
DataSet ds = EventVideo.GetYear();
if (ds.Tables[0].Rows.Count > 0)
{
rpYear.DataSource = ds;
rpYear.DataBind();
}
}
protected void rpYear_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
{
Repeater rpImages = (Repeater)e.Item.FindControl("rpImagedetails");
Label item = (Label)e.Item.FindControl("lbl");
string Year = item.Text;
ViewState["Year"] = Year;
}
}
public void BindEventVideo1()
{
DataSet ds = EventVideo.GetyearImages(ViewState["Year"].ToString());
if (ds.Tables[0].Rows.Count > 0)
{
rpImagedetails.DataSource = ds.Tables[0];
rpImagedetails.DataBind();
}
}
我是 asp.net 的新手，所以请帮忙。
提前致谢。
Html 代码是
<div class="isotope col-lg-12">
<!--begin portfolio filter -->
<ul id="filter" class="option-set clearfix">
<li data-filter="*" class="selected"><a href="#">All</a></li>
<li data-filter=".2014"><a href="#">2014</a></li>
<li data-filter=".2012"><a href="#">2012</a></li>
<!-- <li data-filter=".2011"><a href="#">2011</a></li>-->
<li data-filter=".2010"><a href="#">2010</a></li>
</ul>
<!--end portfolio filter -->
<!--begin portfolio_list -->
<ul id="list" class="portfolio_list clearfix">
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2014">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2014-1.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2014-1.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2014</h5>
<span>Date : 8th - 12th Jan '2014. <br>
Stall No: H2A55
<br>
BIEC,
Bangalore, India</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2014">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2014-2.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2014-2.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2014</h5>
<span>Date : 8th - 12th Jan '2014. <br>
Stall No: H2A55
<br>
BIEC,
Bangalore, India</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 2012">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_2.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_2.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>Power & Electricity World Africa 2012</h5>
<span>Date : 27th - 28th March '2012<br>
Stall No: ZNB-9 IND 10,
Sandton Convention Centre,
Johannesburg, South Africa</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2012">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2012-1.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2012-1.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2012</h5>
<span>Date : 18th - 22nd Jan'2012<br>
Stall No: H5 E10R70<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2012">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2012-2.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2012-2.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2012</h5>
<span>Date : 18th - 22nd Jan'2012<br>
Stall No: H5 E10R70<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2012">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2012-3.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2012-3.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2012</h5>
<span>Date : 18th - 22nd Jan'2012<br>
Stall No: H5 E10R70<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 2012">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_4.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>Middle East Electricity 2012</h5>
<span>Date : 7th - 9th Feb'2012<br>
Stall No: ZN 18
India Pavalion <br>
International Exhibition Centre,
Dubai, UAE</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 2011">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_5.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_5.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>Middle East Electricity 2011</h5>
<span>Date : 8th - 10th Feb'2011<br>
Stall No: ZQ 58,
India Pavalion <br>
International Exhibition Centre,
Dubai, UAE</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2010">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2010-1.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2010-1.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!--<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2010</h5>
<span>Date : 20th - 24th Jan'2010<br>
Stall No: H1 G50<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2010">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2010-2.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2010-2.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!-- <a href="portfolio_single.html" class="hover-link alone"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2010</h5>
<span>Date : 20th - 24th Jan'2010<br>
Stall No: H1 G50<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<li class="list_item col-lg-4 col-md-4 col-sm-4 2010">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="images/events/2010-3.jpg" alt="" />
<div class="hovers">
<a href="images/events/full/2010-3.jpg" class="hover-zoom mfp-image" style="left:45%;"><i class="fa fa-search"></i></a>
<!-- <a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>-->
</div>
</div>
<figcaption class="item-description">
<h5>Elecrama 2010</h5>
<span>Date : 20th - 24th Jan'2010<br>
Stall No: H1 G50<br>
Bombay Exhibition Centre,
Mumbai, INDIA</span>
</figcaption>
</figure>
</div>
</li>
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 responsive">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_7.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_7.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>consectetur adipisicing</h5>
<span>Technology</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 branding">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_8.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_8.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>ipsum dolor</h5>
<span>Technology</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
<!-- Begin Portfolio item -->
<!--<li class="list_item col-lg-4 col-md-4 col-sm-4 branding">
<div class="recent-item">
<figure>
<div class="touching medium">
<img src="img/portfolio/portfolio_9.png" alt="" />
<div class="hovers">
<a href="img/portfolio/full/portfolio_2.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link"><i class="fa fa-link"></i></a>
</div>
</div>
<figcaption class="item-description">
<h5>lorem ipsum</h5>
<span>Technology</span>
</figcaption>
</figure>
</div>
</li>-->
<!-- End Portfolio item -->
</ul> <!--end portfolio_list -->
</div>
从视图代码中添加图片 enter image description here
【问题讨论】：
-
您的代码似乎正确。当你运行它时会发生什么？
-
@Piyush Khatri 。当我运行代码时，图像是根据去年和最近的一年填充的。在图像中，最近的一年是 2012 年，所以它只显示图片和数据，忽略 2010 年的数据，而且因为
- 都在仅显示输出的中继器。当我点击受人尊敬的年份标签时，就像我点击 2012 年标签时一样。图像消失了。
-
我也觉得这是由于 Filter-item 属性。就像在 html 文件中一样，它使用类属性来获取图像和数据，在这里我用 eval 替换了它，因此我无法获取数据
-
你的代码有 html 吗？请在这里分享。因为我们需要根据html来构造repeater，这样你的filter才能工作。
-
@Piyush Khatri 我已经上传了主要问题中的 html 部分
标签： asp.net