MindFusion.Common.UI.Picker.state Property | JavaScript Component Suite

Gets or sets the validation state of the control.

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

Syntax

JavaScript Copy Code
get state() {}

Property Value

ValidationState. One of the ValidationState enumeration values.

Example

The following code creates an ImagePicker with an initial list of 3 images and handles its valueChanging event where it checks its state.

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.valueChanging.addEventListener(handleValueChanging); function handleValueChanging(sender, args) { if( sender.state === u.ValidationState.Valid) { //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.valueChanging.addEventListener(handleValueChanging);

function handleValueChanging(sender, args)
{
     if( sender.state === u.ValidationState.Valid)
      {
        //do something
      }
}

Syntax

Property Value

Example

See Also