setProperties()

allows changing available configuration attributes of the control dynamically

setProperties(propertyConfig: IInputProps): void;

Parameters:

propertyConfig: object - an object with the available attributes of the control and their new values

Example

form.getItem("input").setProperties({
    inputType: "text",
    label: "New label", 
    placeholder: "Enter your name",
    minLength: 4
});

The method invokes the afterChangeProperties and beforeChangeProperties events.

It is possible to change values of the following configuration attributes of the Input control:

inputType	(string) the type of an input: "text", "password", "number"
min	(string\|number) the minimal value allowed in the input. The attribute works only with the input type: "number".
max	(string\|number) the maximal value allowed in the input. The attribute works only with the input type: "number".
validation	(object\|function) the rule of input validation
width	(string\|number\|"content") the width of a control
height	(string\|number\|"content") the height of a control
padding	(string\|number) sets padding between a cell and a border of the Input control
minlength	(string\|number) the minimum number of characters allowed in the input. The attribute works with the following input types: "text", "password".
maxlength	(string\|number) the maximum number of characters allowed in the input. The attribute works with the following input types: "text", "password".
css	(string) adds style classes to a control
required	(boolean) defines whether a control is required
readOnly	(boolean) defines whether an input is readonly
icon	(string) the name of an icon from the used icon font
placeholder	(string) a tip for the input
autocomplete	(boolean) enables/disables the autocomplete functionality of the input
label	(string) specifies a label for a control
labelWidth	(string\|number) sets the width of the label of a control
hiddenLabel	(boolean) invisible label that will be used to identify the input on the server side
labelPosition	(string) defines the position of a label: "left"\|"top"
helpMessage	(string) adds a help message to a control
preMessage	(string) a message that contains instructions for interacting with the control
successMessage	(string) a message that appears in case of successful validation of the control value
errorMessage	(string) a message that appears in case of error during validation of the control value

Change log:

added in v7.0