imohsen
پنج شنبه 21 فروردین 1393, 15:44 عصر
با استفاده از ListView می تونی به اون شکل نمایش بدی
من در اینجا تصویر و نام محصول رو برای هر خونه دارم:
<asp:ListView ID="listview_categories" runat="server"
GroupItemCount="4">
<EmptyDataTemplate>
<table id="Table1" runat="server"
style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;">
<tr>
<td>
داده ای برای نمایش موجود نیست
</td>
</tr>
</table>
</EmptyDataTemplate>
<EmptyItemTemplate>
<td id="Td1" runat="server" />
</EmptyItemTemplate>
<GroupTemplate>
<tr ID="itemPlaceholderContainer" runat="server">
<td ID="itemPlaceholder" runat="server">
</td>
</tr>
</GroupTemplate>
<ItemTemplate>
<td id="Td2" runat="server" style="width: 250px; padding:5px 0px 5px 0px" align="center">
<asp:Image ID="img_categoryImage" runat="server" CssClass="categoryImagestyle" ImageUrl='<%# Eval("productImage") %>' /><br />
<asp:HyperLink ID="link_categryName" runat="server" CssClass="categoryLinkstyle" Text='<%# Eval("productName") %>' NavigateUrl='<%# String.Format("~/product.aspx?product={0}", Eval("productID"))%>' ></asp:HyperLink>
</td>
</ItemTemplate>
<LayoutTemplate>
<table id="Table2" runat="server">
<tr id="Tr1" runat="server">
<td id="Td3" runat="server">
<table ID="groupPlaceholderContainer" runat="server"
style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;font-family: Verdana, Arial, Helvetica, sans-serif;">
<tr ID="groupPlaceholder" runat="server">
</tr>
</table>
</td>
</tr>
<tr id="Tr2" runat="server">
<td id="Td4" runat="server"
style="text-align: center;background-color: #CCCCCC;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;">
</td>
</tr>
</table>
</LayoutTemplate>
</asp:ListView>