HelpBot Assistant

How can I help you?

Organize Pages Events in JavaScript PDF Viewer

11 Feb 20263 minutes to read

The PDF Viewer exposes events for tracking and responding to actions within the page organizer, enabling customization of page manipulation workflows.

pageOrganizerSaveAs

The pageOrganizerSaveAs event is triggered when a save action is performed in the page organizer.

  • Occurs when the Save as button in the page organizer toolbar is clicked after modifying the document structure.

The event arguments provide information about the save event:

  • fileName: The name of the currently loaded PDF document.
  • downloadDocument: A base64 string of the modified PDF document data.
  • cancel: A boolean that, when set to true, prevents the default save action from proceeding.
ej.pdfviewer.PdfViewer.Inject(
    ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Navigation, ej.pdfviewer.LinkAnnotation,
    ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.Annotation,
    ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer
);

var pdfviewer = new ej.pdfviewer.PdfViewer({
    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
    pageOrganizerSaveAs: function (args) {
        console.log('File Name is ' + args.fileName);
        console.log('Document data ' + args.downloadDocument);
    }
});

pdfviewer.appendTo('#PdfViewer');

pageOrganizerZoomChanged

The pageOrganizerZoomChanged event is triggered when the zoom level of the page organizer is changed.

  • This event is fired when the user interacts with the zoom slider in the page organizer. The showImageZoomingSlider property in pageOrganizerSettings must be set to true for the slider to be visible.

Event arguments:

  • previousZoom: The previous zoom value.
  • currentZoom: The current zoom value.
ej.pdfviewer.PdfViewer.Inject(
    ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Navigation, ej.pdfviewer.LinkAnnotation,
    ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.Annotation,
    ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer
);

var pdfviewer = new ej.pdfviewer.PdfViewer({
    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
    pageOrganizerZoomChanged: function (args) {
        console.log('Previous Zoom Value is ' + args.previousZoom);
        console.log('Current Zoom Value is ' + args.currentZoom);
    }
});

pdfviewer.pageOrganizerSettings = { showImageZoomingSlider: true };
pdfviewer.appendTo('#PdfViewer');