Syncfusion AI Assistant

How can I help you?

Capture the current page number

23 Oct 20252 minutes to read

The PDF Viewer server library allows you to capture the page number that is currently visible when a PDF document is loaded. Use the currentPageNumber property to obtain the page that is in view.

The following steps outline how to capture the current page number.

Step 1: Follow the steps in the Getting Started with ASP.NET MVC PDF Viewer guide to configure a simple PDF Viewer sample, including the required script and style references.

Step 2: Place the following markup and script in the Razor view after the PDF Viewer component renders to capture the current page number on demand.

<button onclick="currentPage()">currentpage</button>

<div id="e-pv-e-sign-pdfViewer-div">
    @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
</div>

<script>
    function currentPage() {
        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
        var pageNumber = viewer.currentPageNumber;
        alert("current page number is" + pageNumber);
    }
</script>
<button onclick="currentPage()">currentpage</button>

<div id="e-pv-e-sign-pdfViewer-div">
    @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render()
</div>

<script>
    function currentPage() {
        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
        var pageNumber = viewer.currentPageNumber;
        alert("current page number is" + pageNumber);
    }
</script>

The script retrieves the PDF Viewer instance from the page, reads the currentPageNumber property, and surfaces the value in an alert dialog when the button is clicked.