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"
}