项目比较页面ASP.NET C＃

我想创建一个项目比较页面就像这样： 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 项目比较页面ASP.NET C＃

（这是从一个autotraders.com比较页）

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

来源

2013-03-09 user1744509

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

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

来源

2013-03-09 08:16:06

感谢您的回复......但是这个例子显示了水平行......我需要的是垂直行......并且标题显示在水平左侧...... – user1744509 2013-03-09 08:25:09

in a中继器控制，你可以按照你想要的方式呈现html。也将答案标记为有用，以便它能够帮助其他人。 – 2013-03-09 08:28:59

如果你有一个例子，我会很感激。 – user1744509 2013-03-09 09:03:57

我想你可以使用这个answer解决您的问题。它工作我检查它。并使用this article来设计你的比较表

来源

2013-03-09 08:38:43

感谢您的回答....但我有同样的问题...我不能将所有列转换为nvarchar因为他们是在不同的格式，它也包含图像以及:-( – user1744509 2013-03-09 08:55:43

你可以创建一些属性，如数据，图像和其他，并在表中使用它，你可以使用它们作为 – 2013-03-09 09:52:37

谢谢，我用表设计 – user1744509 2013-03-09 10:40:09

项目比较页面ASP.NET C＃

回答

相关问题