Search
ImagePicker.imageIndex Property
See Also
 






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
      }
}

 See Also