propertyChanged Event

Summary

Occurs when a property value in this ImageViewerchanges.

Syntax

JavaScript Syntax

Object.defineProperty(ImageViewer.prototype,'propertyChanged',  
	get: function(), 
	set: function(value) 
) 
function propertyChanged.add(function(sender, e)); 
function propertyChanged.remove(function(sender, e));

TypeScript Syntax

propertyChanged: void;

Remarks

Most of the properties of this ImageViewer will fire the PropertyChanged event when the value changes. When this happens, the value of PropertyChangedEventArgs.PropertyName of the event data will be set to the name of the property that was changed. For example, the PropertyChangedEventArgs.PropertyName will be set to "UseDpi" when UseDpi changes and "ScrollOffset" when ScrollOffset changes.

Example

Run the demo and now as you click the Example button, the label is updated.

Start with the ImageViewer example, remove all the code inside the example function (search for the "// TODO: add example code here" comment) and insert the following code:

JavaScript Example

var _this = this; 
if (this._firstCall) 
{ 
   this._firstCall = false; 
   // Subscribe to PropertyChanged event 
   this._imageViewer.propertyChanged.add(function(sender, e) { 
      if (e.propertyName == "flip") { 
 
         var infoLabel = document.getElementById("infoLabel"); 
         if (_this._imageViewer.flip) { 
            infoLabel.textContent = "Image is flipped"; 
         } else { 
            infoLabel.textContent = "Image is not flipped"; 
         } 
      } 
   }); 
} 
 
// Change the flip state of the image 
this._imageViewer.flip = !this._imageViewer.flip;

Event Data

Parameter	Type	Description
sender	var	The source of the event.
e	PropertyChangedEventArgs	The event data.

Requirements

Target Platforms

Reference

ImageViewer Class

ImageViewer Members

Leadtools.Controls Namespace

Help Version 19.0.2017.10.27

Leadtools.Controls Assembly

Introduction

Getting Started

Namespaces

Leadtools.Controls Namespace

Assemblies