Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: DOCU-1533

Javadoc resource link
rangeHigherVersion6.0
classNameinfo.magnolia.ui.form.field.definition.SelectFieldDefinition
renderTypeasynchronous
renders a dropdown list.

Classclassinfo.magnolia.ui.form.field.definition.SelectFieldDefinition

fieldType: select

Table of Contents

Select field properties

...

Localtab Group
Localtab
activetrue
titleYAML file
Code Block
languagejs
form:
  tabs:
    - name: tabLink
      label: Link
      fields:
        - name: listStyle
          classfieldType: info.magnolia.ui.form.field.definition.SelectFieldDefinitionselect
          label: List style
          options:
            - name: bullet
              value: bullet
              selected: true
              label: Bullet
            - name: ordered
              value: ordered
              label: Ordered
            - name: inline
              value: inline
              label: Inline
Localtab
titleJCR node
Advanced Tables - Table Plus
heading0
enableHeadingAttributesfalse
enableSortingfalse
classm5-configuration-tree
enableHighlightingfalse
Node nameValue

Mgnl n
form

 


Mgnl n
tabs

 


Mgnl n
tabLink

 


Mgnl n
fields

 


Mgnl n
listStyle

 

Mgnl n
options   

 

Mgnl n
bullet

 

Mgnl p
label

Bullet

Mgnl p
selected

true

Mgnl p
value

bullet

Mgnl n
ordered

 


Mgnl p
label

Ordered

Mgnl p
value

ordered

Mgnl n
inline

 


Mgnl p
label

Inline

Mgnl p
value

inline

Mgnl p
classfieldType

selectinfo.magnolia.ui.form.field.definition.SelectFieldDefinition

Mgnl p
label

Link

Include Page
_referencing fields shortcut info
_referencing fields shortcut info
You can use all common field properties and the following.

Include Page
_Common select field properties
_Common select field properties

Properties specific to the select field.

textInputAllowed

optional, default is false

When true , the user can type into the select field to filter the available options. The filteringMode property defines how the options are filtered: contains or starts with.

When false , the field behaves like a standard select field where the user can not enter text. Clicking the field opens the dropdown with options.

(warning) This property does not make it possible to enter new values into the field. The user can only choose from existing options.

filteringMode

Vaadin FilteringMode . Default is off. Available values are: contains and startswith .

(warning) To enable filtering, you must also:

  • Set the pageLength property to a value greater than 0 .
  • Set the textInputAllowed property to true .

pageLength

optional, default is 0

To enable paging and filtering, value must be an integer > 0 . The 0 setting disables paging and filtering.

Common field properties:

Include Page
_Common field properties
_Common field properties

Example: Filtered Select field

...

Localtab Group
Localtab
activetrue
titleYAML file
Code Block
languageyaml
form:
  tabs:
    - name: tabAddress
      fields:
        - name: country
          classfieldType: info.magnolia.ui.form.field.definition.SelectFieldDefinitionselect
          label: Country
          filteringMode: startswith
          pageLength: 10
          textInputAllowed: true
          options:
            - name: afghanistan
              value: afghanistan
            - name: argentina
              value: argentina           
            - name: australia
              value: australia          
            - name: austria
              value: austria             
            - name: belgium
              value: belgium         
            - name: brazil
              value: brazil           
            - name: bulgaria
              value: bulgaria            
            - name: canada
              value: canada            
            - name: chad
              value: chad            
            - name: chile
              value: chile           
            - name: china
              value: china             
            - name: cuba
              value: cuba            
            - name: czech-republic
              value: czech-republic            
            - name: denmark
              value: denmark
Localtab
titleJCR node
Advanced Tables - Table Plus
heading0
enableHeadingAttributesfalse
enableSortingfalse
classm5-configuration-tree
enableHighlightingfalse
Node nameValue

Mgnl n
form

 


Mgnl n
tabs

 


Mgnl n
tabAddress

 


Mgnl n
fields

 


Mgnl n
country

 

Mgnl n
options     


Mgnl n
afghanistan

 


Mgnl p
value

afghanistan

Mgnl n
argentina

 


Mgnl p
value

argentina

Mgnl n
australia

 

Mgnl p
value

australia

Mgnl n
austria

 

Mgnl p
value

austria

Mgnl n
belgium

 

Mgnl p
value

belgium

Mgnl n
brazil

 


Mgnl p
value

brazil 

Mgnl n
bulgaria

 


Mgnl p
value

bulgaria 

Mgnl n
canada

 


Mgnl p
value

canada 

Mgnl n
chad

 

Mgnl p
value

chad 

Mgnl n
chile

 

Mgnl p
value

chile 

Mgnl n
china

 


Mgnl p
value

china 

Mgnl n
cuba

 


Mgnl p
value

cuba 

Mgnl n
czech-republic

 


Mgnl p
value

czech-republic 

Mgnl n
denmark

 

Mgnl p
value

denmark

Mgnl p
classfieldType

selectinfo.magnolia.ui.form.field.definition.SelectFieldDefinition

Mgnl p
filteringMode

startswith

Mgnl p
pageLength

10

Mgnl p
textInputAllowed

true

...