Category / Section
How to get the current page number which is being displayed in the PdfViewer?
1 min read
You can access the number, of the page being displayed in PDF viewer using the client-side currentPageNumber API on button click. The PageChanged event triggers when there is a change in the current page number. Refer to the following code.
HTML
<form id="form1" runat="server" > <div> <button id="load" onclick="getPageNumber(event)" type="button">Get Current Page Number</button> <div class="content-container-fluid"> <div class="row"> <div class="cols-sample-area"> <div class="control"> <ej:pdfviewer id="pdfviewer1" Height="800" ServiceUrl="/api/PdfViewer" PageChanged="onPageChange" runat="server"> </ej:pdfviewer> </div> </div> </div> </div> </div> </form>
JS
function getPageNumber(event) {
var obj = $("#pdfviewer1").data("ejPdfViewer");
alert(obj.currentPageNumber);
}
function onPageChange(args)
{
alert("Current page is changed");
}
Sample:
