c# - 使用 <%@ Page Async ="true"异步返回数据后分页 GridView

Question

我正在阅读以下有关 ASP.Net 异步页面的博客

• http://msdn.microsoft.com/en-us/magazine/cc163725.aspx

• http://world.episerver.com/Blogs/Magnus-Rahl/Dates/2012/1/Async-Pages-part-3-Async-Pages-with-databinding-and-events/

我脑子里突然冒出一个问题，请考虑以下场景:

1. 假设一个异步页面
2. 该页面注册异步操作以从数据库中检索数据，以便立即释放 ASP.Net 工作线程以提高可扩展性
3. 页面将分页信息传递给这些操作以在数据库服务器上分页
4. 操作完成并在新线程上调用正确的委托(delegate)。 (不使用来自 ASP.Net 线程池的线程)
5. 数据返回到页面，可以绑定(bind)到GridView控制 Page_PreRendercomplete

至此，我的页面上的数据已准备好绑定(bind)并显示给用户(仅返回需要显示的记录和虚拟行数计数)

有了这些信息，我想将它绑定(bind)到我的 GridView控件，但我还没有弄清楚如何在我的 GridView 上显示分页结果

我尝试使用以下代码:

protected override void OnPreRenderComplete(EventArgs e)
{
    if (this.shouldRefresh)
    {
        var pagedSource = new PagedDataSource
        {
            DataSource = this.Jobs, 
            AllowPaging = true,
            AllowCustomPaging = false,
            AllowServerPaging = true,
            PageSize = 3,
            CurrentPageIndex = 0,
            VirtualCount = 20
        };

        this.gv.DataSource = pagedSource;
        this.gv.DataBind();
    }

    base.OnPreRenderComplete(e);
}

但是 GridView control 简单地忽略 VirtualCount属性和寻呼机从未显示，这是我得到的:

ASPX

<%@ Page Async="true" AsyncTimeout="30"  ....
...
    <asp:GridView runat="server" ID="gv" DataKeyNames="job_id" 
        AllowPaging="true" PageSize="3"
    >
        <Columns>
            <asp:CommandField ShowSelectButton="true" />
        </Columns>
        <SelectedRowStyle Font-Bold="true" />
    </asp:GridView>

ASPX代码隐藏

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        this.shouldRefresh = true;
    }
}

public IAsyncResult BeginAsyncOperation(object sender, EventArgs e, AsyncCallback callback, object state)
{
    var operation = new MyClassResult(callback, Context, state);
    operation.StartAsync();
    return operation;
}

public void EndAsyncOperation(IAsyncResult result)
{
    var operation = result as MyClassResult;
    this.Jobs = operation.Jobs;
}

注意事项:

• 我对向服务器发送 jQuery 异步消息以获取数据不感兴趣

• MyClassResult工具 IAsyncResult并从数据库服务器返回数据

• 我喜欢使用 ObjectDataSource如果可能的话

Answer 1

我认为我有一些东西至少可以作为进一步探索的良好起点。我制作了一个示例(进一步向下)来说明我的方法，它基于几个想法:

1. 为了让分页工作，一个ObjectDatasource应该使用。这样就可以告诉 GridView一共有多少行。
2. 我们需要一种方法让我们的 ObjectDataSource一旦数据可用，就访问我们获取的数据。

为了解决 2. 我提出的想法是定义一个接口(interface)，该页面包含 GridView。位于可以实现。然后 ObjectDataSource可以使用一个类将获取数据的调用中继到页面本身。过早调用会返回空数据，但稍后会被真实数据替换。

让我们看一些代码。

这是我的 aspx 文件:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="GridViewTest.aspx.cs" Inherits="GridViewTest" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <asp:GridView ID="jobsGv" runat="server" AutoGenerateColumns="false" AllowPaging="true"
        PageSize="13" OnPageIndexChanging="jobsGv_PageIndexChanging" DataSourceID="jobsDataSource">
        <Columns>
            <asp:TemplateField HeaderText="Job Id">
                <ItemTemplate>
                    <asp:Literal ID="JobId" runat="server" Text='<%# Eval("JobId") %>'></asp:Literal>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Job description">
                <ItemTemplate>
                    <asp:Literal ID="Description" runat="server" Text='<%# Eval("Description") %>'></asp:Literal>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Min level">
                <ItemTemplate>
                    <asp:Literal ID="MinLvl" runat="server" Text='<%# Eval("MinLvl") %>'></asp:Literal>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:ObjectDataSource ID="jobsDataSource" runat="server" TypeName="JobObjectDs" CacheDuration="0"
        SelectMethod="GetJobs" EnablePaging="True" SelectCountMethod="GetTotalJobsCount">
    </asp:ObjectDataSource>
    <asp:Button ID="button" runat="server" OnClick="button_Click" Text="Test postback" />
</asp:Content>

以及背后的代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.UI.WebControls;

public partial class GridViewTest : System.Web.UI.Page, IJobDsPage
{
    bool gridNeedsBinding = false;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            gridNeedsBinding = true;
        }
    }
    protected void jobsGv_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        var gv = (GridView)sender;
        newPageIndexForGv = e.NewPageIndex;
        gridNeedsBinding = true;
    }
    private int newPageIndexForGv = 0;
    protected void Page_PreRendercomplete(object sender, EventArgs e)
    {
        if (gridNeedsBinding)
        {
            // fetch data into this.jobs and this.totalJobsCount to simulate 
            // that data has just become available asynchronously
            JobDal dal = new JobDal();
            jobs = dal.GetJobs(jobsGv.PageSize, jobsGv.PageSize * newPageIndexForGv).ToList();
            totalJobsCount = dal.GetTotalJobsCount();

            //now that data is available, bind gridview
            jobsGv.DataBind();
            jobsGv.SetPageIndex(newPageIndexForGv);
        }
    }

    #region JobDsPage Members

    List<Job> jobs = new List<Job>();
    public IEnumerable<Job> GetJobs()
    {
        return jobs;
    }
    public IEnumerable<Job> GetJobs(int maximumRows, int startRowIndex)
    {
        return jobs;
    }
    int totalJobsCount;
    public int GetTotalJobsCount()
    {
        return totalJobsCount;
    }

    #endregion

    protected void button_Click(object sender, EventArgs e)
    {
    }
}

最后是一些类将它们联系在一起。我已将这些组合在 App_Code 中的一个代码文件中:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

/// <summary>
/// Simple POCO to use as row data in GridView
/// </summary>
public class Job
{
    public int JobId { get; set; }
    public string Description { get; set; }
    public int MinLvl { get; set; }
    //etc
}

/// <summary>
/// This will simulate a DAL that fetches data
/// </summary>
public class JobDal
{
    private static int totalCount = 50; // let's pretend that db has total of 50 job records
    public IEnumerable<Job> GetJobs()
    {
        return Enumerable.Range(0, totalCount).Select(i => 
            new Job() { JobId = i, Description = "Descr " + i, MinLvl = i % 10 }); //simulate getting all records
    }
    public IEnumerable<Job> GetJobs(int maximumRows, int startRowIndex)
    {
        int count = (startRowIndex + maximumRows) > totalCount ? totalCount - startRowIndex : maximumRows;
        return Enumerable.Range(startRowIndex, count).Select(i => 
            new Job() { JobId = i, Description = "Descr " + i, MinLvl = i % 10 }); //simulate getting one page of records
    }
    public int GetTotalJobsCount()
    {
        return totalCount; // simulate counting total amount of rows
    }
}

/// <summary>
/// Interface for our page, so we can call methods in the page itself
/// </summary>
public interface IJobDsPage
{
    IEnumerable<Job> GetJobs();
    IEnumerable<Job> GetJobs(int maximumRows, int startRowIndex);
    int GetTotalJobsCount();
}

/// <summary>
/// This will be used by our ObjectDataSource
/// </summary>
public class JobObjectDs
{
    public IEnumerable<Job> GetJobs()
    {
        var currentPageAsIJobDsPage = (IJobDsPage)HttpContext.Current.CurrentHandler;
        return currentPageAsIJobDsPage.GetJobs();
    }
    public IEnumerable<Job> GetJobs(int maximumRows, int startRowIndex)
    {
        var currentPageAsIJobDsPage = (IJobDsPage)HttpContext.Current.CurrentHandler;
        return currentPageAsIJobDsPage.GetJobs(maximumRows, startRowIndex);
    }
    public int GetTotalJobsCount()
    {
        var currentPageAsIJobDsPage = (IJobDsPage)HttpContext.Current.CurrentHandler;
        return currentPageAsIJobDsPage.GetTotalJobsCount();
    }
}

那么这一切有什么用呢？

好吧，我们有实现 IJobDsPage 的页面界面。在页面上我们有 GridView它正在使用 ObjectDataSource ID jobsDataSource .这又是使用类 JobObjectDs获取数据。而 那个 类依次从 HttpContext 中获取当前正在执行的 Page并将其转换到 IJobDsPage接口(interface)并调用页面上的接口(interface)方法。

所以结果是我们有一个 GridView它使用 ObjectDataSource它调用页面中的方法来获取数据。如果过早调用这些方法，则会返回空数据(new List<Job>()，相应的总行数为零)。但这没问题，因为当我们到达页面处理阶段且数据可用时，无论如何我们都会手动绑定(bind) GridView。

总而言之，我的示例作品虽然远非一流。就目前而言，ObjectDataSource将调用其关联的 Select在请求期间多次方法。不过，这并不像最初听起来那么糟糕，因为数据的实际提取仍然只会发生一次。此外，GridView切换到下一页时，将绑定(bind)两次相同的数据。

所以还有改进的余地。但这至少是一个起点。