UpdatePanel 或 PlaceHolder 组件内的 GridView 分页

Question

我是 ASP.NET 新手。

我正在开发 ASP.NET C# Web 表单，该表单动态创建 GridView 组件并使用从我的 Web 服务接收到的数据填充它们。

我正在服务器端（cs 文件）以编程方式创建这些 GridView 组件 - 它必须灵活 - 1 个 GridView，有时 10 个 GridView 组件。

当我尝试添加分页时会出现问题 - 每当用户单击“下一页”时，整个页面都会因为回发而刷新，并且我会丢失所有数据并且页面返回空白/空。

我使用 PlaceHolder 来保存 GridView 组件，在寻找解决方案时，我发现 UpdatePanel 作为更好的替代方案 - 据我了解页面可以部分刷新 - 这意味着只需刷新 UpdatePanel...但它不起作用。

以下代码示例是我的测试，UpdatePanel 是在客户端（.aspx 页面）中启动的唯一组件，其余组件在 .cs 中以编程方式启动。

我该如何解决上述问题？

为什么整个页面都在刷新，而我却丢失了数据？ 你能推荐另一种方式吗？可以为我提供任何代码示例吗？

如果我不重建GridView，它就不起作用...

这是我的Default.aspx.cs

public partial class TestAjaxForm : System.Web.UI.Page
{
    DataTable table;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            bindGridView();
    }

    public void bindGridView()
    {

        GridView gridView1 = new GridView();
        gridView1.AutoGenerateColumns = true;

        gridView1.PageSize = 2;
        gridView1.AllowPaging = true;
        gridView1.PagerSettings.Mode = PagerButtons.Numeric;
        gridView1.PagerSettings.Position = PagerPosition.Bottom;
        gridView1.PagerSettings.PageButtonCount = 10;
        gridView1.PageIndexChanging += new GridViewPageEventHandler(this.GridView1_PageIndexChanging);

        table = new DataTable();
        table.Columns.Add("FirstName");
        table.Columns.Add("LastName");

        DataRow row = table.NewRow();
        row["FirstName"] = "John";
        row["LastName"] = "Johnoson";
        table.Rows.Add(row);

        row = table.NewRow();
        row["FirstName"] = "Johnny";
        row["LastName"] = "Marley";
        table.Rows.Add(row);

        row = table.NewRow();
        row["FirstName"] = "Kate";
        row["LastName"] = "Li";
        table.Rows.Add(row);

        panel.ContentTemplateContainer.Controls.Add(gridView1);

        gridView1.DataSource = table;
        gridView1.DataBind();

    }

    protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView gridView1 = (GridView)sender;
        gridView1.PageIndex = e.NewPageIndex;
        gridView1.DataSource = table;
        gridView1.DataBind();
    }
}

谢谢。

Answer 1

如果您希望自定义 GridView 方法起作用，则必须在每次页面加载时重新创建并重新绑定网格...这就是动态网格的问题...动态控件不会保留其视图状态，但如果您添加了网格并动态生成列，这对你来说会更容易（因为我认为它可能会动态记住列，或者你可以将 AutoGenerateColumns 设置为 true，它会引入你的数据行列名称）。

华泰

Answer 2

您应该创建 GridView 并将其添加到 PreInit 或 Init 事件处理程序中的控件树中，以便它们有机会正确绑定到 ViewState，并且无论是否存在回发都应该执行此操作：如果您不添加它们在回发中，他们显然不会在那里显示任何内容。

数据绑定可以在页面生命周期的后期发生。

分页似乎仅在您还使用 ObjectDataSource 时才起作用；我从来没能让它单独与 GridView 一起工作。

Answer 3

我认为最简单的方法是在占位符内的 aspx 页面中声明 gridview，而占位符也包含在更新面板内。

据我所见，约翰没有做任何无法在标记本身中声明的事情，因此这不应该成为问题。如果由于某种原因 gridview 不应显示在屏幕上，只需将占位符的 Visible 属性设置为 false 即可。

就分页而言，正如 RickNz 正确指出的那样，如果将 gridview 绑定到 LinqDatasource、SqlDatasource 或 ObjectDatasource，它只会保留状态，但如果将其绑定到自定义业务对象，您需要做的就是保存Session 中的数据并在 PageIndexChanged 上再次重新绑定它。

在伪代码中，会是这样的。

Page_load
{
     If (!IsPostBack)
     Binddata();
 }

 private void Binddata()
 {
     var data = Getdata();
     Gridview1.DataSource= data;
     Gridview.DataBind();
     Session["data"]=data; // cache the data 
  }

 protected void Gridview1_indexchanged(object sender, GridviewPageEventArgs e)
 {
      var data= Session["data"];
      Gridview1. DataSource=data;
      Gridview1.DataBind();
      GridView1.PageIndex=e.NewPageIndex;
  }