UpdatePanel 中 GridView 的自定义分页未触发 PageIndexChanging 事件

我有一个在 UpdatePanel 中使用自定义分页的 GridView(这样 gridview 的分页和排序不会导致回发)。排序工作正常,但分页没有。永远不会调用 PageIndexChanging 事件。

这是aspx代码:

<asp:UpdatePanel runat="server" ID="upSearchResults" ChildrenAsTriggers="true" UpdateMode="Always">
        <ContentTemplate>
          <asp:GridView ID="gvSearchResults" runat="server" AllowSorting="true" AutoGenerateColumns="false" AllowPaging="true" PageSize="10" OnDataBound="gvSearchResults_DataBound"
                OnRowDataBound ="gvSearchResults_RowDataBound" OnSorting="gvSearchResults_Sorting" OnPageIndexChanging="gvSearchResults_PageIndexChanging" Width="100%" EnableSortingAndPagingCallbacks="false">
            <Columns>
              <asp:TemplateField HeaderText="Select" HeaderStyle-HorizontalAlign="Center">
                <ItemTemplate>
                  <asp:HyperLink ID="lnkAdd" runat="server">Add</asp:HyperLink>
                  <asp:HiddenField ID="hfPersonId" runat="server" Value='<%# Eval("Id") %>'/>
                </ItemTemplate>
              </asp:TemplateField>
              <asp:BoundField HeaderText="First Name" DataField="FirstName" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" SortExpression="FirstName" />
              <asp:BoundField HeaderText="Last Name" DataField="LastName"  HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" SortExpression="LastName" />
              <asp:TemplateField HeaderText="Phone Number" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" >
                <ItemTemplate>
                  <asp:Label ID="lblPhone" runat="server" Text="" />
                </ItemTemplate>
              </asp:TemplateField>
            </Columns>
            <PagerTemplate>
              <table width="100%" class="pager">
                <tr>
                  <td>
                  </td>
                </tr>
              </table>
            </PagerTemplate>    
          </asp:GridView>
          <div class="btnContainer">
              <div class="btn btn-height_small btn-style_dominant">
                  <asp:LinkButton ID="lbtNewRecord" runat="server" OnClick="lbtNewRecord_Click"><span>Create New Record</span></asp:LinkButton>
              </div>
              <div class="btn btn-height_small btn-style_subtle">
                  <a onclick="openParticipantModal();"><span>Cancel</span></a>
              </div>
          </div>
        </ContentTemplate>
        <Triggers>
          <asp:AsyncPostBackTrigger ControlID="gvSearchResults" EventName="PageIndexChanging" />
          <asp:AsyncPostBackTrigger ControlID="gvSearchResults" EventName="Sorting" />
        </Triggers>
      </asp:UpdatePanel>

在后面的代码中,我有一个在 GridView OnDataBound 事件上调用的 SetPaging 方法:

private void SetPaging(GridView gv)
 {
   GridViewRow row = gv.BottomPagerRow;

   var place = row.Cells[0];

   var first = new LinkButton();
   first.CommandName = "Page";
   first.CommandArgument = "First";
   first.Text = "First";
   first.ToolTip = "First Page";

   if (place != null) place.Controls.Add(first);

   var lbl = new Label();
   lbl.Text = " ";
   if (place != null) place.Controls.Add(lbl);

   var prev = new LinkButton();
   prev.CommandName = "Page";
   prev.CommandArgument = "Prev";
   prev.Text = "Prev";
   prev.ToolTip = "Previous Page";

   if (place != null) place.Controls.Add(prev);

   var lbl2 = new Label();
   lbl2.Text = " ";
   if (place != null) place.Controls.Add(lbl2);

   for (int i = 1; i <= gv.PageCount; i++)
   {
     var btn = new LinkButton();
     btn.CommandName = "Page";
     btn.CommandArgument = i.ToString();

     if (i == gv.PageIndex + 1)
     {
       btn.BackColor = Color.Gray;
     }

     btn.Text = i.ToString();
     btn.ToolTip = "Page " + i.ToString();

     if (place != null) place.Controls.Add(btn);

     var lbl3 = new Label();
     lbl3.Text = " ";
     if (place != null) place.Controls.Add(lbl3);
   }

   var next = new LinkButton();
   next.CommandName = "Page";
   next.CommandArgument = "Next";
   next.Text = "Next";
   next.ToolTip = "Next Page";

   if (place != null) place.Controls.Add(next);

   var lbl4 = new Label();
   lbl4.Text = " ";
   if (place != null) place.Controls.Add(lbl4);

   var last = new LinkButton();
   last.CommandName = "Page";
   last.CommandArgument = "Last";
   last.Text = "Last";
   last.ToolTip = "Last Page";

   if (place != null) place.Controls.Add(last);

   var lbl5 = new Label();
   lbl5.Text = " ";
   if (place != null) place.Controls.Add(lbl5);
 }

如果我不使用自定义分页,则分页有效,但我确实需要使用自定义分页。我无法弄清楚为什么在使用自定义分页时没有触发 PageIndexChanging 事件。

谢谢,

杰夫

stack overflow Custom Paging for GridView in an UpdatePanel not firing PageIndexChanging event
原文答案

答案:

作者头像

嗯......我对自定义分页不太熟悉,但是......当一个事件没有为数据绑定控件触发时,它通常是以下两种情况之一:

1)您在不正确的时间重新绑定数据。 2) 回发页面上的控制层次结构不相同。

由于您正在动态创建此控件,因此我将在这里使用#2。事实上,您可能会遇到这两个问题的组合,因为您是在 OnDataBound 事件中创建控件。这意味着该控件的唯一创建时间是在您调用 DataBind 时,您不应该在回发时执行此操作,直到**在您处理了事件之后。所以你在这里给自己编码了一点 Catch-22。

是否可以通过标记添加自定义寻呼机?这将解决您的问题,因为这样您就不会依赖这个动态创建的控件。您的另一个选择是将动态控件创建移动到 Init 事件。

作者头像

如果您动态创建 GridView,它将为您节省很多麻烦:请参阅 this link 例如您只需要一个数据集,其余的将由控件完成...

作者头像

在绑定 GridView 之前,请执行以下操作:

GridView1.PageIndexChanging += new GridViewPageEventHandler(GridView1_PageIndexChanging);
作者头像

您的代码有任何 Response.Write 或 Response.WriteLine 吗?如果有,请删除它。因为它也有效果。 :D

作者头像

其他事件,例如 gvSearchResults_Sorting 是否正确触发?如果没有,请查看页面上的 AutoEventWireup 属性,它应该设置为 true 因为您没有显式绑定事件处理程序。

否则,您是否尝试过没有 UpdatePanel 的问题?