日期:2014-05-18  浏览次数:20513 次

DataList里的问题高手帮帮小弟吧
<asp:DataList ID="DataList1" runat="server" RepeatColumns= "4" >
  <ItemTemplate>
  <img src='<%# Eval("Pro_Image") %>' height="140" width="187" onclick="show('fd');return false;" alt="" />
  </ItemTemplate>
  </asp:DataList> 

我想怎么说呢- -是这样的 
这图片 能显示 2排 每排4个!

onclick是个隐藏的层..... 

怎么让 这个隐藏层的图片 对应这个数据绑定的图片呢?

------解决方案--------------------
<asp:DataList ID="DataList1" runat="server" Width="100%" ShowFooter="False" 
ShowHeader="False">
<ItemTemplate>
<div>
<div class="dl_left">
<img src='/items/<%# Eval("Pro_Image") %>' onclick='show(<%#Container.ItemIndex%>)' alt="" />
</div>
<div class="dl_right" id="div<%#Container.ItemIndex%>">
<div class="dl_title">
菜品:<%# Eval("Pro_Name") %></div>
<div class="dl_author">
菜系:<%# Eval("Pro_Type")%></div>
<div class="dl_editorcomment">
介绍:<%# Eval("Pro_")%></div>
<div class="dl_unitprice">
价格:<%# Eval("Pro_Price","{0:f2}")%></div>
</div>
</div>
</ItemTemplate>
<SeparatorTemplate>
<hr />
</SeparatorTemplate>
</asp:DataList>

function show(x)
{
d=document.getElementById("div"+x)
d.style.display="none"
}