PickerField
Abstract

Base class used for Combo, DateField, and TimeField. Displays a picker (List, DatePicker) anchored to the field.

This field's subclasses can be used as editors for the Column. Used by the Priority column in this demo:

When focused by means of touch tapping on the trigger element (eg, the down arrow on a Combo) on a tablet, the keyboard will not be shown by default to allow for interaction with the dropdown.

A second tap on the input area will then show the keyboard if required.

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class

editable : Booleantrue

User can edit text in text field (otherwise only pick from attached picker)
autoExpand : Boolean

Configure as true to have the picker expand upon focus enter.
picker : Object
Configuration object for the picker on initialization. Returns the picker instance at runtime.

A config object which is merged into the generated picker configuration on initialization to allow specific use cases to override behaviour. For example:
```
    picker: {
        align: {
            anchor: true
        }
    }
```
Returns the picker instance at runtime.

Has a corresponding runtime picker property.
pickerAlignElement : Stringelement

The name of the element property to which the picker should size and align itself.

Properties

Properties are getters/setters or publicly accessible variables on this class

isPickerField : Booleantrue

READONLY

static

ADVANCED

Identifies an object as an instance of PickerField class, or subclass thereof.

isPickerField : Booleantrue

READONLY

ADVANCED

Identifies an object as an instance of PickerField class, or subclass thereof.
picker : Object

READONLY
Configuration object for the picker on initialization. Returns the picker instance at runtime.

A config object which is merged into the generated picker configuration on initialization to allow specific use cases to override behaviour. For example:
```
    picker: {
        align: {
            anchor: true
        }
    }
```
Returns the picker instance at runtime.

Has a corresponding picker config.

Functions

Functions are methods available for calling on the class

internalOnKeyEvent( )

private

Allows using arrow keys to open/close list. Relays other keypresses to list if open.
onEditComplete( )

internal

Check if field value is valid
onTriggerClick( )

private

User clicked trigger icon, toggle list.
hidePicker( )

Hide picker
showPicker( )

Show the picker
togglePicker( )

Toggle the picker visibility

Source path

Core/widget/PickerField.js

PickerField
Abstract

Configs

Properties

Functions

Source path

Inheritance tree5

Mixins9

Contents

PickerField Abstract

Configs

Properties

Functions

Source path

Inheritance tree5

Mixins9

Contents

PickerField
Abstract