• 《ASP.NET1200例》ListView 控件与DataPager控件的结合<一>



    分页
     
     
    在前一部分开始时介绍的原 HTML 设计中内含分页和排序,所以根据规范完整实现该网格的任务尚未完成。我们先分页,然后再排序。
    ListView 控件中的分页通过引入另一个新控件 DataPager 实现。通过在单独的控件中隔离分页,DataPager 将分页 UI 与 ListView 用于呈现数据的页面分离。这意味着您可以在页面的任何位置放置分页 UI,并且可以创建任意多个 DataPager 控件。分页控件一个常见的应用是在数据网格的顶部和底部提供分页界面,这样用户不必滚动网格即可导航到下一页——DataPager 可以很容易做到这一点。
    我们先在上一节的 ListView 示例中实现分页。要创建与 ListView 关联的 DataPager 控件,最简单方法是将 DataPager 控件实际嵌入到 ListView 的 LayoutTemplate 中:
     
    <asp:ListView ID="_moviesGrid"
      runat="server" DataKeyNames="movie_id" 
      DataSourceID="_moviesDataSource">            
      <LayoutTemplate>
        <!-- ... -->
        <div class="Pagination">
          <asp:DataPager ID="_moviesGridDataPager" runat="server">
            <Fields>
              <asp:NumericPagerField />
            </Fields>
          </asp:DataPager>
        </div>
      </LayoutTemplate>
    </asp:ListView>
    
    通过将 DataPager 嵌入 ListView 的 LayoutTemplate 中,它们会建立内在联系。另一种方法是将 DataPager 放在页面的其它位置,并通过将其 PagedControlID 设置为关联 ListView 的 ID 以便与 ListView 关联。
    在这种特例中,NumericPagerField 精确显示了我想要的界面——就是一系列显示为超链接的数字,可以导航至页面。DataPager 支持三种类型的字段:
    • NumericPagerField 显示 1 2 3... 分页界面。
    • NextPreviousPagerField 显示“Next”(下一页)、“Previous”(上一页)、“First”(第一页)和“Last”(最后一页)按钮在行间往复。
    • TemplatePagerField 让您使用 PagerTemplate 定义精确设计和实现分页接口的功能。
    一般情况下,采用 DataPager 控件是为任何实现了 IPageableItemContainer 界面的控件(目前 ListView 是唯一实现了该接口的控件)提供分页支持,如下所示:
     
    public interface IPageableItemContainer
    {
        event EventHandler<PageEventArgs> TotalRowCountAvailable;
        void SetPageProperties(int startRowIndex, int maximumRows, 
                               bool databind);
        int MaximumRows { get; }
        int StartRowIndex { get; }
    }
    
    图 7 显示了 ListView、DataPager 与关联的 DataSource 控件之间的关系。DataPager 从不与用于填充 ListView 的 DataSource 直接交互,而是通过该界面查询所需的数据。
    Figure 7 ListView、DataPager 和 DataSource 之间的关系 (单击该图像获得较大视图)
    准备分页时,首先是 ListView 查询 DataSource 以查看其是否支持分页,如果支持,那它是否能够返回总行数。如果能够返回总行数,ListView 将检索数据源中的总行数,然后引发 TotalRowCountAvailable 事件,该事件作为其 IPageableItemContainer 接口一部分实现。任何关联的 DataPager 控件都将订阅该事件,并使用总行数初始化显示分页界面所需的字段。DataPager 将随后调用 ListView 的 SetPageProperties 方法设置初始行索引和要返回的最大行数。
    当 ListView 从关联的数据源检索数据时,它将根据 DataPager 设置的值只请求行的子集。无论何时 DataPager 更改其当前页索引(通常由于用户交互),它都将再次调用 ListView 的 SetPageProperties 以反映当前需要检索行的子集。可以通过设置 DataPager 控件的 PageSize 属性来更改一个页面上显示的记录条数,该属性的值将影响相关 ListView 中设置的最大行数信息。
    DataPager 还支持 QueryStringField 属性,该属性可以彻底更改 DataPager 的工作方式。通过将 QueryStringField 属性设置为某些字符串(例如 pageNum),表示您请求 DataPager 发送 HTTP GET 请求以响应用户单击页面编号的操作,所请求的页面编号将通过您指定字符串的查询字符串参数发送,而不是通过传统的 POST 回发模式发送。
    该变化带来的另一个好处是:它让客户端能够创建到数据绑定 ListView 控件中特定页面的书签,因为可以在 URL 中看到页面编号。请注意,如果切换到这种 GET 通信模式,那由 ASP.NET AJAX UpdatePanel 控件使用的 POST 回发挂接机制将无法截取分页请求,并会将其变为异步回发:
     
    <asp:DataPager ID="_moviesGridDataPager" runat="server"
      QueryStringField="pageNum" >
      <Fields>
        <asp:NumericPagerField />
      </Fields>
    </asp:DataPager>
    
    请注意:因为 DataPager 完全依赖 ListView 执行实际的数据分页,而 ListView 又依赖 DataSource 控件,所以对于其它数据绑定控件也存在相同的分页限制。例如,对于 SqlDataSource 控件,仅当其设置为 DataSet 模式时分页才能正常工作,这意味着需要将整个结果集加载到内存中才能执行分页。当然,您可以使用自定义 DataSource 控件或使用 ObjectDataSource 控件自定义自己的分页。
    排序、编辑、插入和删除
    如果 ListView 不具备支持排序和完备的创建、读取、更新和删除 (CRUD) 操作,那么它是不完整的。它实现每种命令的方式与 FormView 控件实现命令的方式相似。
    因为 ListView 完全由模板驱动,所以对于其模板中将 CommandName 属性设置为以下七种特定命令字符串之一的按钮,能够予以识别:Cancel(取消)、Delete(删除)、Select(选择)、Edit(编辑)、Insert(插入)、Update(更新)和 Sort(排序)。每个命令都会启动 ListView 中的相应操作——这样如果希望为 ListView 添加排序,那只需要在 LayoutTemplate 中放置一个按钮(图 8 的示例中使用 LinkButton),将其 CommandName 属性设置为 Sort,并将 CommandArgument 设置为希望数据源进行排序的列名称。在图 8中,我将以前网格中每列的静态标题链接修改为可单击的链接,通过单击该链接可以请求 ListView 根据该列对数据进行排序。
     
    <asp:ListView ID="_moviesGrid" runat="server" DataKeyNames="movie_id" 
      DataSourceID="_moviesDataSource">            
      <LayoutTemplate>
        <div class="PrettyGrid">
          <table cellpadding="0" cellspacing="0" summary="">
            <thead>
              <tr>
                <th scope="col">
                  <asp:LinkButton ID="_movieIdSortLink" 
                    CommandName="Sort" CommandArgument="movie_id" 
                    runat="server">ID</asp:LinkButton>
                </th>
                <th scope="col">
                  <asp:LinkButton ID="_titleSortLink" 
                    CommandName="Sort" CommandArgument="title" 
                    runat="server">Title</asp:LinkButton>
                </th>
                <th scope="col">
                  <asp:LinkButton ID="_releaseDateSortLink"
                    CommandName="Sort" CommandArgument="release_date" 
                    runat="server">Release date</asp:LinkButton>
                </th>
              </tr>
            </thead>  
        <!-- ... -->
      </LayoutTemplate>
    </asp:ListView>
    
    
    您可以为启动编辑模式、删除行或在数据集中插入新行添加命令按钮,详细过程与其它基于模板的数据绑定控件(如 FormView 和 GridView)基本相同,此处就不再赘述。
    分组
    ListView 的最后一个主要功能是将数据分组成子集的能力,非常类似于 DataList 控件提供的功能。DataList 是表格格式的控件,它可以在所呈现数据表的每个单元格中呈现单行数据。您可以通过设置 RepeatColumns 属性来控制将基础数据集的多少行归入单个表格行中。
    由于 ListView 并不仅限于呈现表格,所以它需要更加一般的方式指定将组合呈现的项目组,而这正是 GroupTemplate 提供的方式。图 9 显示了 ListView 中 LayoutTemplate、GroupTemplate 和 ItemTemplate 元素之间的关系。GroupTemplate 可以为基础数据集中每 n 个元素指定外围 HTML,其中 n 的值由 ListView 的 GroupItemCount 属性指定。
    Figure 9 ListView 中的模板 (单击该图像获得较大视图)
    当在 ListView 中使用 GroupTemplate 时,不需要再在 LayoutTemplate 中指定带有 itemPlaceholder ID 的控件——该控件现在需要位于 GroupTemplate 之内。而是需要在 LayoutTemplate 中指定带有 groupPlaceholder ID 的控件(可以通过设置 ListView 的 GroupPlaceholderID 属性更改控件 ID)以说明对于基础数据集中每 n 个项目,应在哪个位置注入 GroupTemplate 的内容。
    例如,图 10 中的 ListView 显示了如何通过将 GroupTemplate 定义为搜索行,并将 ItemTemplate 设为仅布局单元格,以在表格的每一行中显示来自数据库的四个电影。结果如图 11 所示。
     
    <asp:ListView ID="_groupListView" runat="server" 
      DataKeyNames="movie_id" DataSourceID="_moviesDataSource" 
      GroupItemCount="4" >
      <GroupTemplate>
        <tr>
          <asp:PlaceHolder runat="server" ID="itemPlaceholder" />
        </tr>
      </GroupTemplate>
      <LayoutTemplate>
        <table>
          <asp:PlaceHolder ID="groupPlaceholder" runat="server" />
        </table>
      </LayoutTemplate>
      <ItemTemplate>
        <td>
          movie_id:
          <asp:Label ID="_movie_idLabel" runat="server" 
            Text='<%# Eval("movie_id") %>' /> <br />
          title:
          <asp:Label ID="_titleLabel" runat="server" 
            Text='<%# Eval("title") %>' /> <br />
          release_date:
          <asp:Label ID="_release_dateLabel" runat="server" 
            Text='<%# Eval("release_date", "{0:d}") %>' /> <br />
          <br />
        </td>
      </ItemTemplate>
    </asp:ListView>
    
    
    Figure 11 结果 Web 页面中的 GroupTemplate 行 (单击该图像获得较大视图)
    这与使用 DataList 完成的工作非常相似,但因为使用的是 ListView,所以可以像前面所示的网格呈现一样轻松添加分页和排序功能,而使用 DataList 完成这些工作则非常复杂。用于本文的下载代码包含实现了分页和排序功能的示例供您参考。
    开始执行 ListView
    您可能希望通过使用 Visual Studio 2008 中的设计器来试用 ListView 控件,该设计器可以提供五种不同的布局供您选择:网格、平铺、项目符号列表、流动和单行。您可以快速查看可用的各种布局选项——但 ListView 真正强大的功能在于您对它所呈现 HTML 的控制,所以在实际的项目中您很可能要自行构建 LayoutTemplate。您是否最后决定今后每次遇到数据绑定都使用 ListView 呢?虽然可能有点过头——但知道您会这样做我还是很高兴。我想今后我还会更多地研究这个灵活的数据绑定控件。
  • 相关阅读:
    SQLite 入门教程(一)基本控制台(终端)命令 (转)
    SQLite 入门教程(二)创建、修改、删除表 (转)
    SQLite 入门教程(三)好多约束 Constraints(转)
    《将博客搬至CSDN》
    Win32的绘图消息大集合
    使用VS开发的一个开机自启动启动、可接收指定数据关闭电脑或打开其他程序
    Android Studio(Kotlin)之RecyclerView
    Unity3D学习笔记
    win10永久激活方法-备份
    oracle整理
  • 原文地址:https://www.cnblogs.com/abc8023/p/3455107.html
Copyright © 2020-2023  润新知