MindFusion.Common.UI.ImagePicker.imageIndex Property | JavaScript Component Suite

Gets or sets the index of the selected image.

Namespace: MindFusion.Common.UI
File: ImagePicker.js

Syntax

JavaScript Copy Code
get imageIndex() {}

Property Value

Number. The index.

Example

The following code creates an ImagePicker with an initial list of 3 images and handles its valueChanging event where it checks the index of the selected image:

JavaScript Copy Code
var u = MindFusion.Common.UI; var imagePicker = u.ImagePicker(document.getElementById("image_picker")); imagePicker.imageList = ["my-folder/myImage.png", "my-folder1/myImage1.png", "my-folder2/myImage2.png"]; impagePicker.allowEmptyInput = false; imagePicker.buttonStyle = imagePicker.clearButtonStyle = u.PickerButtonStyle.Inline; imagePicker.dropdownOffset = new MindFusion.Drawing.Point(10, 10); imagePicker.invalidString = "Please, provide a valid image URL"; imagePicker.itemSize = new ui.Unit(20, ui.UnitType.Percent); imagePicker.valueChanging.addEventListener(handleValueChanging); function handleValueChanging(sender, args) { if( sender.imageIndex === 0) { //do something } }

JavaScript

Copy Code

var u = MindFusion.Common.UI;

var imagePicker = u.ImagePicker(document.getElementById("image_picker"));
imagePicker.imageList = ["my-folder/myImage.png", "my-folder1/myImage1.png", "my-folder2/myImage2.png"];
impagePicker.allowEmptyInput = false;
imagePicker.buttonStyle = imagePicker.clearButtonStyle = u.PickerButtonStyle.Inline;
imagePicker.dropdownOffset = new MindFusion.Drawing.Point(10, 10);
imagePicker.invalidString = "Please, provide a valid image URL";
imagePicker.itemSize = new ui.Unit(20, ui.UnitType.Percent);

imagePicker.valueChanging.addEventListener(handleValueChanging);

function handleValueChanging(sender, args)
{
     if( sender.imageIndex === 0)
      {
        //do something
      }
}

Syntax

Property Value

Example

See Also