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