Combo
OComboComponent
Directive: o-combo
Component hierarchy
- o-combo
- o-combo-renderer-boolean
- o-combo-renderer-integer
- o-combo-renderer-real
- o-combo-renderer-currency
- o-combo-renderer-date
- o-combo-renderer-percentage
- o-combo-renderer-icon
Inherited inputs
- from FormDataComponent:
- attr
- automatic-binding
- automatic-registering
- clear-button
- data
- enabled
- hide-required-marker
- label
- label-visible
- read-only
- required
- sql-type
- tooltip
- tooltip-position
- tooltip-show-delay
- validators
- width
- from OFormServiceComponent:
- columns
- description-columns
- entity
- parent-keys
- query-method
- query-on-bind
- query-on-event
- query-on-init
- query-with-null-parent-keys
- separator
- service
- service-type
- set-value-on-value-change
- sort
- static-data
- translate
- value-column
- value-column-type
Inputs
| Name | Description | Default |
|---|---|---|
| multiple no | false | yes | true | Indicates whether or not to allow the user to select multiple options | no |
| multiple-trigger-label no | false | yes | true | Indicates whether or not the component label shows a summary of the selected items | no |
| null-selection no | false | yes | true | Indicates whether or not to have a selectable null value | yes |
| null-selection-label string | Text to none selection in a combo |
|
| searchable no | false | yes | true | Displays an input field for searching between the dropdown options | no |
Inherited outputs
- from FormDataComponent:
- onBlur
- onChange
- onFocus
- onValueChange
- from OFormServiceComponent:
- onDataLoaded
- onSetValueOnValueChange
Methods
| getSelectedItems |
|---|
| Return the selected items of the component. |
| Returns |
| any[] |
| setSelectedItems |
|---|
| Set the selected items of the component. |
| Parameters |
| any[] |
OComboRendererBooleanComponent extends OComboCustomRenderer
Directive: o-combo-renderer-boolean
Inputs
| Name | Description | Default |
|---|---|---|
| boolean-type number | boolean | string | Type of the cell value | boolean |
| false-value string | Value considered as false |
|
| render-false-value string | Value displayed as false |
|
| render-true-value string | Value displayed as true |
|
| render-type string | number | Type of the combo displayed value | string |
| true-value string | Value considered as true |
|
OComboRendererIntegerComponent extends OComboCustomRenderer
Directive: o-combo-renderer-integer
Inputs
| Name | Description | Default |
|---|---|---|
| grouping no | false | yes | true | Indicates whether or not to group the thousand digits | yes |
| thousand-separator string | Thousand digits chacarter separator (in case of grouping) | Comma (,) |
OComboRendererRealComponent extends OComboRendererIntegerComponent
Directive: o-combo-renderer-real
Inputs
| Name | Description | Default |
|---|---|---|
| decimal-separator string | Decimal digits chacarter separator | Dot (.) |
| grouping no | false | yes | true | Indicates whether or not to group the thousand digits | yes |
| max-decimal-digits number | The maximun number of decimal digits | 2 |
| min-decimal-digits number | The minimum number of decimal digits | 2 |
| thousand-separator string | Thousand digits chacarter separator (in case of grouping) | Comma (,) |
OComboRendererCurrencyComponent extends OComboCustomRenderer
Directive: o-combo-renderer-currency
Inputs
| Name | Description | Default |
|---|---|---|
| currency-symbol string | Currency symbol (According to ISO 4217) | dolar ($) |
| currency-symbol-position left | right | Position of currency symbol | left |
| decimal-separator string | Decimal digits chacarter separator | Dot (.) |
| grouping no | false | yes | true | Indicates whether or not to group the thousand digits | yes |
| max-decimal-digits number | The maximun number of decimal digits | 2 |
| min-decimal-digits number | The minimum number of decimal digits | 2 |
| thousand-separator string | Thousand digits chacarter separator (in case of grouping) | Comma (,) |
OComboRendererDateComponent extends OComboCustomRenderer
Directive: o-combo-renderer-date
Inputs
| Name | Description |
|---|---|
| format string | Date format. See MomentJS |
OComboRendererPercentageComponent extends OComboRendererRealComponent
Directive: o-combo-renderer-percentage
Inputs
| Name | Description | Default |
|---|---|---|
| decimal-separator string | Decimal digits chacarter separator | Dot (.) |
| grouping no | false | yes | true | Indicates whether or not to group the thousand digits | yes |
| max-decimal-digits number | The maximun number of decimal digits | 0 |
| min-decimal-digits number | The minimum number of decimal digits | 2 |
| thousand-separator string | Thousand digits chacarter separator (in case of grouping) | Comma (,) |
| value-base 1 | 100 | Indicates whether de numeral system of the value received by the cell renderer is 1 or 100 | 1 |
OComboRendererIconComponent extends OComboCustomRenderer
Directive: o-combo-renderer-icon
Inputs
| Name | Description | Default |
|---|---|---|
| icon-column string | Indicates the column of which icon is displayed in each option. | icon |
| icon-position left | right | Indicates the position of the icon. | left |