ListView控件与DataPager控件详解（1）

简介：

VS2008提供的新控件中只有ListView与DataPaper两个控件。ListView是一个很强大的控件，他可以实现其它数据控件可以实现的任意功能。而且ListView也前所未有的灵活。通过定义它的模板我们几乎可以实现任意一种数据展现方式。ListView提供了默认的5种展现样式Grid、Tiled、Bulleted List、Flow和SigleRow。下面五张图分别为这五种样式的最终效果。

多列显示：

       <asp:ListView ID="ListView1" runat="server" DataKeyNames="ID" DataSourceID="SqlDataSource2"             GroupItemCount="2">             <LayoutTemplate>                 <table id="groupPlaceholderContainer" runat="server" border="1" style="">                     <tr id="groupPlaceholder" runat="server">                     </tr>                 </table>             </LayoutTemplate>             <GroupTemplate>                 <tr id="itemPlaceholderContainer" runat="server">                     <td id="itemPlaceholder" runat="server">                     </td>                 </tr>             </GroupTemplate>             <ItemTemplate>                 <td runat="server" style="border: 1px;">                     状态名称:                     <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' />                     <br />                     创建日期:                     <asp:Label ID="CreateDateLabel" runat="server" Text='<%# Convert.ToDateTime(Eval("CreateDate")).ToShortDateString() %>' />                     <br />                 </td>             </ItemTemplate>         </asp:ListView>

 

Grid

BulletedList

DefaultTiled

Flow

入门：

要真正了解ListView最好是能自己试验下。下面演示一下如何使用拖拽方式使用这两个控件。有开发经验的同志可以直接跳过这部分。

1、 新建一个web项目或web站点

2、 使用Ctrl+N创建一个新的WebForm

3、 双击工具箱面板中的ListView控件在页面上添加一个ListView。

4、使用右键通过快捷菜单的Show Smart Tag打开Smart Tag窗口。

5、选择一个数据源，参见第二篇。

6、使用Smart Tag配置List View。

7、 选择Layout、Style、Options与分页方式。

8、 使用Shift+F5浏览页面内容。

进阶：

ListView之所以功能强大并且灵活其主要功劳是他的模板列与之前出现的模板有本质的不同。在ListView中布局定义与数据绑定分开在不同的模板中，然后再根据布局使用绑定的数据元素替换布局元素的方式来展现数据。例如：

Code                            <table ID="itemPlaceholderContainer" runat="server" border="1">                                 <tr>                                 <th colspan="6">Customers</th>                                 </tr>                                 <tr runat="server">                                     <th runat="server">                                         CompanyName</th>                                     <th runat="server">                                         ContactName</th>                                     <th runat="server">                                         ContactTitle</th>                                     <th runat="server">                                         Address</th>                                     <