Asp.Net ListView 控件的使用

最新推荐文章于 2026-07-30 20:17:50 发布

转载最新推荐文章于 2026-07-30 20:17:50 发布 · 8.8k 阅读

本文介绍ASP.NET 3.5中新引入的ListView控件及其强大功能。通过多种模板支持，如LayoutTemplate和ItemTemplate，实现数据的高度自定义显示。以Northwind数据库为例，展示如何配置EntityDataSource并使用ListView显示产品数据。

Asp.Net ListView 数据绑定控件是在Asp.Net 3.5中引入的，在此之前我们已经拥有了n多同类的控件了。那么我们还有必要再增加这类控件吗？答案是Yes！它为你提供了强大的可高度自定义外观功能，使用它你几乎可以扔掉其他的数据绑定控件了。

ListView 包含大量的模板，使用这些模板我们可以很方便地显示、编辑、插入数据，也可以对数进行分组，设置选中一行数据或如数据为空时的显示方式等。主要的模板有：

·LayoutTemplate ·ItemTemplate ·AlternatingItemTemplate ·SelectedItemTemplate ·EmptyItemTemplate ·EmptyDataTemplate

·ItemSeparatorTemplate ·GroupTemplate ·GroupSeparatorTemplate ·EditItemTemplate ·InsertItemTemplate

一、显示数据

显示数据要用到两个关键模板分别是LayoutTemplate 和 ItemTemplate，其中LayoutTemplate用于控制数据的外观呈现，而ItemTemplate则用于提供数据集中的每一行数据。 ListView将用ItemTemplate中的数据填充到LayoutTemplate中的占位符位置。

先创建一个ADO.NET 实体数据模型（使用Northwind 示例数据库），用EntityDataSource 配置为Products数据集。

<asp:EntityDataSource ID="EntityDataSource1" runat="server" 
        ConnectionString="name=NorthwindEntities" 
        DefaultContainerName="NorthwindEntities" EnableFlattening="False" 
        EntitySetName="Products">
</asp:EntityDataSource>

接着拖放一个ListView到设计窗口中设置其DataSourceID="EntityDataSource1"，并在源窗口中修改成如下的代码：

<asp:ListView ID="ListView1" runat="server" DataSourceID="EntityDataSource1" ItemContainerID= "ItemPlaceHolder ">
        <LayoutTemplate>
          <table border="2">
            <thead>
              <tr>
                <th>ProductID</th>
                <th>ProductName</th>
                <th>UnitPrice</th>     
              </tr>
            </thead>
            <tbody>
              <asp:PlaceHolder  runat ="server" ID="ItemPlaceHolder"></asp:PlaceHolder>
            </tbody>
          </table>
        </LayoutTemplate>
        <ItemTemplate>
          <tr>
            <td><%# Eval("ProductID")%></td>
            <td><%# Eval("ProductName")%></td>
            <td><%# Eval("UnitPrice")%></td>
          </tr>
        </ItemTemplate>
        </asp:ListView>