@esss/ng-xform documentation
  1. Classes
  2. SelectField

File

src/ng-xform/fields/select-field.ts

Extends

DynamicField

Index

Properties

Constructor

constructor(options: SelectField)
Defined in src/ng-xform/fields/select-field.ts:21
Parameters :
Name Type Optional Description
options SelectField<T>

Properties

Public addNewOption
addNewOption: boolean | AddNewOptionObservableFn
Type : boolean | AddNewOptionObservableFn
Defined in src/ng-xform/fields/select-field.ts:20
Public addNewOptionText
addNewOptionText: string
Type : string
Defined in src/ng-xform/fields/select-field.ts:21
Public controlType
controlType:
Default value : 'SELECT'
Defined in src/ng-xform/fields/select-field.ts:8
Public markFirst
markFirst: boolean
Type : boolean
Defined in src/ng-xform/fields/select-field.ts:18
Public multiple
multiple: boolean
Type : boolean
Defined in src/ng-xform/fields/select-field.ts:10
Public noFilterUntil
noFilterUntil: number
Type : number
Defined in src/ng-xform/fields/select-field.ts:11
Public optionLabelKey
optionLabelKey: string
Type : string
Defined in src/ng-xform/fields/select-field.ts:13
Public options
options: [] | Observable
Type : [] | Observable
Defined in src/ng-xform/fields/select-field.ts:9
Public optionValueKey
optionValueKey: string
Type : string
Defined in src/ng-xform/fields/select-field.ts:12
Public searchable
searchable: boolean
Type : boolean
Defined in src/ng-xform/fields/select-field.ts:17
Public searchByValueKeyHandler
searchByValueKeyHandler: function
Type : function
Defined in src/ng-xform/fields/select-field.ts:15
Public searchHandler
searchHandler: function
Type : function
Defined in src/ng-xform/fields/select-field.ts:14
Public searchOnFocus
searchOnFocus: boolean
Type : boolean
Defined in src/ng-xform/fields/select-field.ts:16
Public separator
separator: string
Type : string
Defined in src/ng-xform/fields/select-field.ts:19
 
import { Observable } from 'rxjs';

import { DynamicField } from './dynamic-field';

export type AddNewOptionObservableFn = ((model: any) => any | Observable<any> | Promise<any>);

export class SelectField<T = any> extends DynamicField<T> {
  public controlType ? = 'SELECT';
  public options?: any[] | Observable<any[]>;
  public multiple?: boolean;
  public noFilterUntil?: number;
  public optionValueKey?: string;
  public optionLabelKey?: string;
  public searchHandler?: (value: string) => Observable<any[]>;
  public searchByValueKeyHandler?: (value: string) => Observable<any>;
  public searchOnFocus?: boolean;
  public searchable?: boolean;
  public markFirst?: boolean;
  public separator?: string;
  public addNewOption?: boolean | AddNewOptionObservableFn ;
  public addNewOptionText?: string;

  constructor(options: SelectField<T>) {
    super(options);
    this.options = options.options;
    this.multiple = options.multiple || false;
    this.noFilterUntil = options.noFilterUntil || 2;
    this.optionValueKey = options.optionValueKey;
    this.optionLabelKey = options.optionLabelKey;
    this.searchable = options.searchable === true;
    this.searchHandler = options.searchHandler;
    this.searchOnFocus = options.searchOnFocus === false ? false : true;
    this.searchByValueKeyHandler = options.searchByValueKeyHandler;
    this.markFirst = options.markFirst === true;
    this.separator = options.separator || ', ';
    this.addNewOption = options.addNewOption;
    this.addNewOptionText = options.addNewOptionText;
  }
}

results matching ""

    No results matching ""