DetailsView.PageIndexChanged Event


The .NET API Reference documentation has a new home. Visit the .NET API Browser on to see the new experience.

Occurs when the value of the PageIndex property changes after a paging operation.

Namespace:   System.Web.UI.WebControls
Assembly:  System.Web (in System.Web.dll)

Public Event PageIndexChanged As EventHandler

The DetailsView control raises the PageIndexChanged event when a pager button (a button with its CommandName property set to "Page") within the control is clicked, but after the DetailsView control handles the paging operation. This allows you to provide an event handler that performs a custom routine whenever this event occurs.


This event is not raised when you programmatically set the PageIndex property.

Pager buttons are usually located in the pager row of a DetailsView control. This event is often used to synchronize a DetailsView control with a GridView control or to set the behavior of the DetailsView control after a paging operation.

For more information about handling events, see NIB: Consuming Events.

The following code example demonstrates how to use the PageIndexChanged event to return the DetailsView to read-only mode when the user navigates to another record.

<%@ Page language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<script runat="server">

    Sub CustomerDetailView_PageIndexChanged(ByVal sender As Object, _
        ByVal e As EventArgs)
        ' By default, if the DetailsView control is in edit mode and
        ' user navigates to another page, the DetailsView control
        ' remains in edit mode. In this example, the ChangeMode 
        ' method is used to put the DetailsView control in read-only  
        ' mode whenever the user navigates to another record.
    End Sub


<html xmlns="" >
  <head runat="server">
    <title>DetailsView ChangeMode Example</title>
    <form id="Form1" runat="server">

      <h3>DetailsView ChangeMode Example</h3>

        <asp:detailsview id="CustomerDetailView"

          <fieldheaderstyle backcolor="Navy"


        <!-- This example uses Microsoft SQL Server and connects  -->
        <!-- to the Northwind sample database. Use an ASP.NET     -->
        <!-- expression to retrieve the connection string value   -->
        <!-- from the web.config file.                            -->
        <asp:SqlDataSource ID="DetailsViewSource" runat="server" 
            "<%$ ConnectionStrings:NorthWindConnectionString%>"
          InsertCommand="INSERT INTO [Customers]([CustomerID],
            [CompanyName], [Address], [City], [PostalCode], [Country]) 
            VALUES (@CustomerID, @CompanyName, @Address, @City, 
            @PostalCode, @Country)"
          SelectCommand="Select [CustomerID], [CompanyName], 
            [Address], [City], [PostalCode], [Country] From 

.NET Framework
Available since 2.0
Return to top