C# ASP.NET 列表视图答案

【问题标题】：C# ASP.NET List ViewC# ASP.NET 列表视图
【发布时间】：2012-11-03 11:17:06
【问题描述】：

我正在尝试创建一个包含多个产品列表的视图。下面是一个示例，说明产品列表的外观。我不确定是否应该使用表格并为每个新产品创建一个新表格或什么。我不是一个很好的 ASP.NET 开发人员，我不知道如何解决这个问题。

基本上，如果我有 10 个结果，我需要在列表中显示其中的 10 个，并且每个按钮和图像根据每个产品结果而有所不同。

数据源来自为每个产品构建并通过 foreach 运行的另一个类。对此的任何指导都会有所帮助。我只是认为我需要指出正确的方向，因为我用桌子尝试过，但效果不佳。

【问题讨论】：

【解决方案1】：

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

假设您有一系列产品，例如List，或者产品的DataTable等，你的收藏有这些字段

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

你可以拥有

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

【讨论】：

【解决方案2】：

也许您可以尝试使用 asp.net 表，并在迭代结果后动态添加带有图像的行。在此处查看控件：

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.table.aspx

这里有一个动态添加行的示例：

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

您可以在每一行中放置您想要的控件...

【讨论】：