項目比較頁面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＃

回答

相關問題