c# - 项目比较页面 ASP.NET C#

Question

我想像这样创建一个项目比较页面： http ://www.autotrader.com/fyc/compare.jsp?sownerid=855612&end_year=2014&start_year=1981&keywordsfyc=&search_type=both&scarid=326877152&distance=10&default_sort=priceDESC&address=11413&sort_type=priceDESC&firstRecord= 1&num_records=25&seller_type=b&keywords_display=&compare=305557040&compare=319902555&compare=337325579

（这是来自 autotraders.com 的比较页面）

我一直在搜索fourms一个星期，尝试所有可能的解决方案，有人说使用GridView，有人说使用ListView，我尝试了很多东西，自定义div css，但做不到。基本上，我想显示垂直行（并排行）而不是默认的水平行。感谢任何帮助。

Answer 1

您可以使用Repeater控制或DataList控制。

更多关于中继器或数据列表

我会亲自去Repeater。

例子：

<asp:Repeater ID="ExampleRepeater" runat="server" >
    <HeaderTemplate>
        <table>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <asp:Label runat="server" ID="lblCategory" Text='<%# Eval("YouColumnName") %>' > </asp:Label>
            </td>

            <td>
                <asp:ImageButton ID="imgButton" runat="server" ImageUrl='<% #Eval("YourImageColumn %>'></asp:ImageButton>
            </td>
            <td>
                <asp:Label runat="server" ID="lblOtherInfo" Text='<%# Eval("YouColumnName") %>' > </asp:Label>
            </td>
       </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

Answer 2

我认为您可以使用此答案来解决您的问题。它有效，我检查了它。并用这篇文章来设计你的对照表