successCallback Property

Summary

The callback function that always fires if the Viewer.loadFromUri operation succeeds.

Syntax
TypeScript
JavaScript
Object.defineProperty(LoadFromUriParams.prototype, 'successCallback', 
   get: function(), 
   set: function(value) 
) 
successCallback: ; 

Property Value

A valid function must be provided. This callback will fire if the Viewer.loadFromUri operation succeeds. A LEADDocument object will be passed to the callback. To set the document into the active LEADVIEW viewer, first retrieve the active viewer by calling Viewer.getCurrentDocument.

Example
ViewerLoadFromUri.ts
LoadFromUri.html
export class ViewerLoadFromUriExample { 
    private _viewer: lt.LEADVIEW.Viewer = null; 
    private _demoUrl = 'https://demo.leadtools.com/images/pdf/leadtools.pdf'; 
 
    public constructor() { 
        if(lt.RasterSupport.kernelExpired) 
            lt.RasterSupport.setLicenseUri("https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt", "EVAL", null); 
    } 
 
    public run = (divID: string, setButtonId: string): void => { 
        const lv = new lt.LEADVIEW.Viewer(); 
 
        // Builds a new instance of LEADVIEW. 
        // For the full list of options that can be passed to the run method, 
        // refer to the settings JSON files that are included in the LEADVIEW demo application. 
        // Settings files can also be generated from the LEADVIEW application itself. 
        lv.run(null, { 
            'rootDivId': divID, 
            'showMainMenu': false, 
            'serviceHost': 'http://localhost:40000', // or wherever your host is 
            'servicePath': '', // the path to the root of the service, which is nothing for this example 
            'serviceApiPath': 'api', // Routing occurs at "/api", unless you change the routing in the DocumentsService 
        }); 
 
        this._viewer = lv; 
 
        document.getElementById(setButtonId).onclick = this.setCurrentDocument; 
    } 
 
    private setCurrentDocument = () => { 
        const loadOptions: lt.LEADVIEW.ILoadFromUriParams = { 
            url: this._demoUrl, 
            loadOptions: null, 
            loadingDialogCallback: null, 
            successCallback: (document: lt.Document.LEADDocument) => { 
                this._viewer.getDocumentViewer().setDocument(document); 
            }, 
            alwaysCallback: null, 
            failCallback: this.errorHandler 
        } 
 
        this._viewer.loadFromUri(loadOptions); 
    } 
 
    private errorHandler = (serviceError: lt.Document.ServiceError) => { 
        alert(`There was an error loading in the document. ${serviceError.message}`); 
    } 
} 
<!doctype html> 
<html lang="en"> 
<title>LV Examples | LoadFromUri</title> 
 
<head> 
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" 
        integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 
    <script src="../LT/Leadtools.js"></script> 
    <script src="../LT/Leadtools.Controls.js"></script> 
    <script src="../LT/Leadtools.Annotations.Engine.js"></script> 
    <script src="../LT/Leadtools.Annotations.Designers.js"></script> 
    <script src="../LT/Leadtools.Annotations.Rendering.Javascript.js"></script> 
    <script src="../LT/Leadtools.Annotations.Automation.js"></script> 
    <script src="../LT/Leadtools.ImageProcessing.Main.js"></script> 
    <script src="../LT/Leadtools.ImageProcessing.Color.js"></script> 
    <script src="../LT/Leadtools.ImageProcessing.Core.js"></script> 
    <script src="../LT/Leadtools.ImageProcessing.Effects.js"></script> 
    <script src="../LT/Leadtools.Document.js"></script> 
    <script src="../LT/Leadtools.Document.Viewer.js"></script> 
    <script src="../LT/Leadtools.LEADVIEW.js" defer></script> 
    <link href="../css/Leadtools.LEADVIEW.css" type="text/css" rel="stylesheet"> 
 
    <!-- All typescript files compiled from /src/ will be bundled and dropped into the root folder `bundle.js`--> 
    <script src="../bundle.js" type="text/javascript"></script> 
</head> 
 
<body> 
    <div> 
        <button id="setDocument">Load From URI</button> 
    </div> 
    <div id="runDemo" style="width: 100%; height: 97vh;"></div> 
</body> 
 
<script> 
    window.onload = () => { 
        const example = new window.examples.ViewerLoadFromUriExample(); 
        example.run('runDemo', 'setDocument'); 
    }; 
</script> 
 
</html> 
Requirements

Target Platforms

Help Version 23.0.2024.2.29
Products | Support | Contact Us | Intellectual Property Notices
© 1991-2024 LEAD Technologies, Inc. All Rights Reserved.

Leadtools.LEADVIEW Assembly
Products | Support | Contact Us | Intellectual Property Notices
© 1991-2023 LEAD Technologies, Inc. All Rights Reserved.