ViewerGetDocumentViewer.ts
GetDocumentViewer.html
export class ViewerGetDocumentViewerExample {
private _viewer: lt.LEADVIEW.Viewer = null;
public constructor() {
if(lt.RasterSupport.kernelExpired)
lt.RasterSupport.setLicenseUri("https://demo.leadtools.com/licenses/v200/LEADTOOLSEVAL.txt", "EVAL", null);
}
public run = (divID: string, getButtonID: 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
});
this._viewer = lv;
document.getElementById(getButtonID).onclick = this.getDocumentViewer;
}
private getDocumentViewer = () => {
const viewer = this._viewer.getDocumentViewer();
const viewerExists = (!viewer)? false : true;
alert(`Does viewer exist: ${viewerExists}`);
}
}
<!doctype html>
<html lang="en">
<title>LV Examples | GetDocumentViewer</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="getDocumentViewer">Get LEADVIEW's DocumentViewer</button>
</div>
<div id="runDemo" style="width: 100%; height: 97vh;"></div>
</body>
<script>
window.onload = () => {
const example = new window.examples.ViewerGetDocumentViewerExample();
example.run("runDemo", "getDocumentViewer");
};
</script>
</html>
