GridView PageIndexChanging 事件未在 UpdatePanel 内触发

Posted 2023-04-12

【中文标题】GridView PageIndexChanging 事件未在 UpdatePanel 内触发

【英文标题】：GridView PageIndexChanging event is not firing inside UpdatePanel

【发布时间】：2018-03-19 05:27:00

【问题描述】：

我的问题没有找到任何解决方案：

GridView 分页事件gvBanquet_PageIndexChanging 在 UpdatePanel 中时不会触发。

问题代码在这里：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
  <ContentTemplate>

  <div class="col-lg-12 table-responsive">
  <asp:GridView ID="gvBanquet" runat="server" AutoGenerateColumns="false" 
      OnRowCommand="gvBanquet_RowCommand" AllowPaging="True" PageSize="5" 
      EmptyDataText="No record found!" OnPageIndexChanging="gvBanquet_PageIndexChanging" 
      ShowHeaderWhenEmpty="true">
      <Columns>

      // here are templates 

      </Columns>
      <PagerStyle CssClass="pagination-ys" />
  </asp:GridView>

  </div>
  <!-- /.col-lg-12 -->

  </ContentTemplate>
  <Triggers>
      <asp:AsyncPostBackTrigger ControlID="gvBanquet" EventName="PageIndexChanging" />
  </Triggers>
</asp:UpdatePanel>

这是一个寻呼事件：

protected void gvBanquet_PageIndexChanging(object sender, GridViewPageEventArgs e)

    gvBanquet.PageIndex = e.NewPageIndex;

   // fill and bind gridview here

我添加了一个断点，但它没有触发。

如何触发分页按钮？

【问题讨论】：

显示您的getdata 代码

@Webruster 我已经编辑了我的问题。

DLBqt.SelectBanquet 代码？

这是一个简单的方法，运行select语句从数据库中获取记录并返回DataTable。

@Webruster 我已经编辑了问题。

【参考方案1】：

GridView 没有绑定方法，所以我提供了两种方法（两种方法都有效）方法 1：与SqlDataSource 的声明式绑定：

<form id="form1" runat="server">
    <%--ScriptManager required by UpdatePanel --%>
    <asp:ScriptManager runat="server" ID="sm" />
<div>
    <asp:UpdatePanel runat="server" UpdateMode="Conditional">
        <ContentTemplate>
    <asp:GridView ID="gvProducts" runat="server" AutoGenerateColumns="False" AllowPaging="true" PageSize="5" DataKeyNames="ProductID" DataSourceID="sqlNWind">
        <Columns>
            <asp:BoundField DataField="ProductID" HeaderText="ProductID" SortExpression="ProductID" />
            <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
            <asp:TemplateField HeaderText="CategoryName" SortExpression="CategoryName">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("CategoryName") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <%--Triggers are redundant because GridView is inside the UpdatePanel --%>
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:SqlDataSource ID="sqlNWind" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindCnn %>"
        SelectCommand="SELECT Products.ProductID, Products.ProductName, Products.CategoryID, Categories.CategoryName FROM Products INNER JOIN Categories ON Products.CategoryID = Categories.CategoryID">
    </asp:SqlDataSource>
</div>
</form>

不需要任何代码。

方法2：从代码后面绑定：

.aspx
<form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="sm" />
<div>
    <asp:UpdatePanel runat="server" UpdateMode="Conditional">
        <ContentTemplate>
    <asp:GridView ID="gvProducts" runat="server" OnPageIndexChanging="gvProducts_PageIndexChanging" AutoGenerateColumns="False" AllowPaging="true" PageSize="5" DataKeyNames="ProductID">
        <Columns>
            <asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False" ReadOnly="True" SortExpression="ProductID" />
            <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
            <asp:TemplateField HeaderText="CategoryName" SortExpression="CategoryName">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("CategoryName") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>

.aspx.vb

Private Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    If Not Page.IsPostBack Then
        BindProds()''//Bind initial
    End If
End Sub
Protected Sub gvProducts_PageIndexChanging(sender As Object, e As GridViewPageEventArgs)
    gvProducts.PageIndex = e.NewPageIndex
    BindProds()''//Bind when pageIndex changing
End Sub

Private Sub BindProds()
    Using cnn As New Data.SqlClient.SqlConnection(ConfigurationManager.ConnectionStrings("NorthwindCnn").ConnectionString)
        Using cmd As New Data.SqlClient.SqlCommand("SELECT Products.ProductID, Products.ProductName, Products.CategoryID, Categories.CategoryName FROM Products INNER JOIN Categories ON Products.CategoryID = Categories.CategoryID", cnn)
            Dim da As New Data.SqlClient.SqlDataAdapter(cmd)
            Dim dt As New Data.DataTable()
            da.Fill(dt)
            da.Dispose()
            gvProducts.DataSource = dt
            gvProducts.DataBind()
        End Using
    End Using
End Sub

代码是VB.NET。希望OP能翻译成C#。

【参考方案2】：

没有看到您的getdata 代码的一种可能情况是：

每次更改页面索引时，您都应该阅读用于加载 gridview 的数据集（您的案例 Datatable ）。通过这种方式，您可以确保在每个由 gridview 页码触发的单独回发中，都会填充结果。

更新

尝试添加触发器

<Triggers>
        <asp:AsyncPostBackTrigger ControlID="gvBanquet" EventName="PageIndexChanging" />
 </Triggers>

【讨论】：

@Asif.Ali 请在更新后更新您的问题

asp:GridView 没有 AutoPostBack 属性。

@AlexKudryashev 谢谢，修改了我的答案，我忽略了它