oe-input
v2.3.0
Published
oeCloud implemenetation of paper-input with additional behaviors
Downloads
9
Readme
<oe-input>
<oe-input>
is a control for text input based on Polymer's paper-input
control with following additional features.
- control level validations
- model-level/cross-field validations. When any UI control is placed on the form, the control needs to be 'aware' of 'which property' on the model it is bound to. This is required specially since, many times two or more controls take part in deciding the model validity. (cross-field-validations)
- support internationalization of labels and error-messages out of box.
oe-input
adds a little red-asterisk if the field is 'required'.
<oe-input required field-id="accountName" label="Account Name"></oe-input>
This repo also consists of the following components
- oe-input
- oe-decimal
- oe-input-masked
- oe-json-input
- oe-textarea
oe-decimal
<oe-decimal>
is a control for capturing number inputs. In addition to <oe-input>
, it supports handling of decimal display, parsing and formatting.
oe-input-masked
<oe-input-masked>
is a control for capturing text input based on oe-input
control with following additional features.
- mask the each char with a specified char, based on a RegExp pattern
- mask the each matched pattern with a specified string, based on a RegExp pattern
- add specified number of mask char(s) at the end of the specified input.
oe-json-input
<oe-json-input>
is a control for multiline text input based on Polymer's paper-textarea
control with following additional features.
- control level validations
- model-level/cross-field validations. When any UI control is placed on the form, the control needs to be 'aware' of 'which property' on the model it is bound to. This is required specially since, many times two or more controls take part in deciding the model validity. (cross-field-validations)
- support internationalization of labels and error-messages out of box.
oe-json-input
adds a little red-asterisk if the field is 'required'.
oe-textarea
<oe-textarea>
is a control for multiline text input based on Polymer's paper-textarea
control with following additional features.
- control level validations
- model-level/cross-field validations. When any UI control is placed on the form, the control needs to be 'aware' of 'which property' on the model it is bound to. This is required specially since, many times two or more controls take part in deciding the model validity. (cross-field-validations)
- support internationalization of labels and error-messages out of box.
oe-textarea
adds a little red-asterisk if the field is 'required'.
<oe-textarea required field-id="accountName" label="Account Name"></oe-textarea>