利用 GroupTemplate “竖排”学生信息输出 Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="listView5._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>学生信息列表(竖排)</title> <mce:style type="text/css"><!-- .content { font-size: 14px; width: 705px; margin-right: auto; margin-left: auto; } .lie { width: 161px; margin: 5px; border: 2px solid #06F; float:left; } .message { margin: 5px; padding: 10px; border: 1px solid #99F; line-height:1.8; font-family:宋体; } .nav { margin-right: auto; margin-left: auto; text-align: right; padding: 8px; clear: both; width: 700px; } --></mce:style </head> <body> <form id="form1" runat="server"> <div> <asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1" GroupPlaceholderID="PlaceHolder1" ItemPlaceholderID="PlaceHolder2" GroupItemCount="4" > <LayoutTemplate> <div class="content"> <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> </div> <div class="nav"> <asp:DataPager ID="DataPager1" runat="server" PageSize="16" > <Fields> <asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False" /> <asp:NumericPagerField /> <asp:NextPreviousPagerField ShowLastPageButton="True" ShowPreviousPageButton="False" /> </Fields> </asp:DataPager> </div> </LayoutTemplate> <GroupTemplate> <div class="lie"> <asp:PlaceHolder ID="PlaceHolder2" runat="server"></asp:PlaceHolder> </div> </GroupTemplate> <ItemTemplate> <div class="message"> 学号:<%# Eval("xh") %><br /> 姓名:<%# Eval("xm") %><br /> 电话:<%# Eval("dh") %><br /> QQ:<%# Eval("qq") %><br /> </div> </ItemTemplate> </asp:ListView> <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/students.mdb" SelectCommand="SELECT * FROM [students] ORDER BY [xh]"> </asp:AccessDataSource> </div> </form> </body> </html>