furo-ui5-multi-combobox #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-multi-combobox.js';
exports FuroUi5MultiCombobox js
mixes FieldNodeAdapter

Summary: data select field

Description #

The furo-ui5-multi-combobox component is used to create a drop-down list. The items inside the furo-ui5-multi-combobox define the available options by using the ui5-mcb-item component. Use the function bindOptions to bind a RepeaterNode as a option list.

1
2
3
4

<furo-ui5-multi-combobox
   fn-bind-data="--entity(*.data.description)"
   fn-bind-options="--collection(*.entities)">
</furo-ui5-multi-combobox>

Attributes and Properties #

activeFieldBinding #

default: false

Flag to indicate if a field is attached Default: false

idFieldPath #

default: 'id'

Defines the field path that is used from the bound RepeaterNode (bindOptions) to identify the option items. Point-separated path to the field E.g. data.partner.ulid default: id This attribute is related to the option list

displayFieldPath #

default: 'display_name'

Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the option items. Point-separated path to the field E.g. data.partner.display_name default: display_name This attribute is related to the option list

descFieldPath #

default: 'id'

Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional description of the option items. Point-separated path to the field E.g. data.partner.id default: id This attribute is related to the option list

valueFieldPath #

default: 'id'

Defines the field path that is used to update the bound component if the user has selected an option. Point-separated path to the field Must be set if a data binding is specified. default: id This attribute is related to the option list. optionList[selected].valueFieldPath ==> bound FieldNode

boundFieldIdPath #

default: 'id'

Defines the id field path of the bound FieldNode. Point-separated path to the field Must be set if a data binding is specified with a complex type. default: id This attribute is related to the bound FieldNode.

Events #

options-updated #

at-options-updated → optionNodeList

Fired after the option list was rebuilt.

furo-value-changed #

at-furo-value-changed → [string]

Fires the field value when it changes.

Methods #

readAttributes #

readAttributes() ⟹ void

* → fn-read-attributes

Reads the attributes which are set on the component dom. those attributes can be set. value-state, required,readonly,disabled, value-field-path, display-field-path Use this after manual or scripted update of the attributes.

bindOptions #

bindOptions(repeaterNode `` ) ⟹ void

`` → fn-bind-options

Here a RepeaterNode can be connected to the component as an option list.

• repeaterNode
  
  

bindData #

bindData(repeaterNode RepeaterNode ) ⟹ boolean

RepeaterNode → fn-bind-data

Overridden bindData of FieldNodeAdapter

• repeaterNode
  
  

onFnaFieldStateChanged #

onFnaFieldStateChanged(state `` ) ⟹ void

`` → fn-on-fna-field-state-changed

set the value state

• state
  
  

selectOptionsByIds #

selectOptionsByIds(ids [] ) ⟹ void

[] → fn-select-options-by-ids

Selects an option by id. The id field must be comparable.

• ids string} must match the data