如何在圖庫視圖模式下顯示數據

Question

有沒有辦法將gridview顯示爲「圖庫視圖」而不是普通的「列表視圖」。例如像ebay（你可以切換視圖1.list視圖，2.gallery視圖，3.並排視圖）。任何asp.net控件或jQuery控件都可以爲我完成這項工作。請建議。

Answer 1

完成此操作的一種方法是使用ListView服務器控件創建一個看起來像「畫廊視圖」的模板。

Answer 2

<asp:ListView runat="server" ID="ListView1" 
    DataSourceID="SqlDataSource1" 
    GroupItemCount="5"> 
    <LayoutTemplate> 
    <table runat="server" id="table1"> 
     <tr runat="server" id="groupPlaceholder"> 
     </tr> 
    </table> 
    </LayoutTemplate> 
    <GroupTemplate> 
    <tr runat="server" id="tableRow"> 
     <td runat="server" id="itemPlaceholder" /> 
    </tr> 
    </GroupTemplate> 
    <ItemTemplate> 
    <td runat="server"> 
     <%-- Data-bound content. --%> 
     <asp:Label ID="NameLabel" runat="server" 
      Text='<%#Eval("Name") %>' /> 
    </td> 
    </ItemTemplate> 
</asp:ListView>