C＃ASP.NET列表視圖

Question

我正在嘗試創建一個包含多個產品列表的視圖。 以下是產品清單的外觀示例。 我不確定是否應該使用表並為每個新產品或其他內容創建一個新表。 我不是一個非常好的ASP.NET開發人員，我不確定該如何處理。

基本上，如果我有10個結果，則需要在列表中顯示10個結果，並且每個按鈕和圖像根據每個產品結果而有所不同。

數據源來自另一個類，該類已針對每個產品構建並貫穿foreach。 關於此的任何指導將是有幫助的。 我只是認為我需要指出正確的方向，因為我嘗試了一張桌子，但效果不佳。

Answer 1

也許您可以嘗試使用asp.net表，並在迭代結果后只動態添加帶有圖像的行。請在此處簽出控件：

http://msdn.microsoft.com/zh-CN/library/system.web.ui.webcontrols.table.aspx

這里有一個動態添加行的示例：

http://msdn.microsoft.com/zh-cn/library/7bewx260%28v=vs.100%29.aspx

在每一行中，您可以放置​​所需的控件...

Answer 2

使用GridView

 <asp:GridView runat="server" ID="myGrid" 
    OnRowCommand="MyGrid_RowCommand">
 <Columns>
    <asp:TemplateField>
    <ItemTemplate>
        <img src='<%# Eval("SmallImageUrl") %>' />
    </ItemTemplate>
    </asp:TemplateField>

    <asp:TemplateField>
    <ItemTemplate>
        <div>Title: <%# Eval("Title") %>  </div>
        <div>Weight: <%# Eval("Weight") %>  </div>
        <asp:Button runat="server" ID="GetOfferButton" CommandArgument='<%# Eval("OfferID") %>'></asp:Button>
    </ItemTemplate>
    </asp:TemplateField>
 </Columns>
 </asp:GridView>

假設您有一個產品集合，例如列表或產品的數據表等，並且您的集合具有這些字段

class Product
{
   //property Title
   //property SmallImageUrl
   //property Weight
}

你可以有

myGrid.DataSource = <Replace with List of Products collection>;
myGrid.DataBind();