clear Method


Clears the LEADDocument that is currently in view.

Viewer.prototype.clear = function() 
clear(): void; 

If clear is called on a LEADDocument that has sub-documents, all sub-documents as well as the LEADDocument are cleared.

export class ViewerClearExample { 
    private _viewer: lt.LEADVIEW.Viewer = null; 
    private _demoUrl = ''; 
    public constructor() { 
            lt.RasterSupport.setLicenseUri("", "EVAL", null); 
    public run = (divID: string, setButtonID: string, clearButtonId: 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., { 
            '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; 
        document.getElementById(clearButtonId).onclick = this.clear; 
    private setCurrentDocument = () => { 
        lt.Document.DocumentFactory.loadFromUri(this._demoUrl, null).done((document) => { 
        }).fail((jqXHR, statusText, errorThrown) => { 
            const serviceError = lt.Document.ServiceError.parseError(jqXHR, statusText, errorThrown); 
            alert(`There was an error loading in the document. ${serviceError.message}`); 
    private clear = () => { 
<!doctype html> 
<html lang="en"> 
<title>LV Examples | Clear</title> 
    <script src="" 
        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> 
        <button id="setCurrentDocument">Set Current Document</button> 
        <button id="clear">Clear Current Document</button> 
    <div id="runDemo" style="width: 100%; height: 97vh;"></div> 
    window.onload = () => { 
        const example = new window.examples.ViewerClearExample();"runDemo", "setCurrentDocument", "clear"); 

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.