GmapComponent
Extends:
Constructor Summary
| Public Constructor | ||
| public |
|
|
Member Summary
| Public Members | ||
| public |
element: * |
|
| public get |
|
|
| public |
input: * |
|
| public |
map: * |
|
| public |
marker: * |
|
Method Summary
| Public Methods | ||
| public |
addInput(input: *, container: *) |
|
| public |
addMarker(latlng: *, title: *, map: *) |
|
| public |
build() |
|
| public |
elementInfo(): * |
|
| public |
|
|
| public |
setValue(value: *, flags: *) |
|
Inherited Summary
| From class BaseComponent | ||
| public get |
Retrieves the CSS class name of this component. |
|
| public get |
customStyle: string: * Build the custom style from the layout values |
|
| public get |
dataValue: *: * Get the static value of this component. |
|
| public set |
dataValue(value: *) Sets the static value of this component. |
|
| public get |
defaultValue: * |
|
| public get |
|
|
| public get |
Return if the component is disabled. |
|
| public set |
Disable this component. |
|
| public get |
emptyValue: null: * The empty value for this component. |
|
| public get |
errorLabel: *: * Returns the error label for this component. |
|
| public get |
errors: * |
|
| public get |
hasInput: * |
|
| public get |
hasValue: * Returns if this component has a value set. |
|
| public get |
label: * Get this component's label text. |
|
| public set |
label(value: *) Set this component's label text and render it. |
|
| public get |
The readible name for this component. |
|
| public get |
|
|
| public get |
|
|
| public get |
value: *: * Get the value of this component. |
|
| public get |
viewOnly: * |
|
| public get |
visible: * |
|
| public set |
|
|
| public |
component: * The Form.io component JSON schema. |
|
| public |
data: * The data object in which this component resides. |
|
| public |
description: * |
|
| public |
The bounding HTML Element which this component is rendered. |
|
| public |
The existing error that this component has. |
|
| public |
|
|
| public |
The HTMLElement for which the errors are rendered for this component (usually underneath the component). |
|
| public |
An array of event handlers so that the destry command can deregister them. |
|
| public |
An array of the event listeners so that the destroy command can deregister them. |
|
| public |
events: * The events that are triggered for the whole FormioForm object. |
|
| public |
i18next: * |
|
| public |
The ID of this component. |
|
| public |
The basic component information which tells the BaseComponent how to render the input element of the components that derive from this class. |
|
| public |
An array of all of the input HTML Elements that have been added to this component. |
|
| public |
|
|
| public |
|
|
| public |
The HTMLElement that is assigned to the label of this component. |
|
| public |
options: {} The options for this component. |
|
| public |
|
|
| public |
Points to the parent component. |
|
| public |
If this input has been input and provided value. |
|
| public |
Points to the root component, usually the FormComponent. |
|
| public |
The row path of this component. |
|
| public |
The HTML Element for the table body. |
|
| public |
tooltip: * |
|
| public |
Used to trigger a new change in this component. |
|
| public |
type: * |
|
| public |
validators: [string] The validators that are assigned to this component. |
|
| public |
valueElement: * |
|
| private |
Determines if this component is disabled, or not. |
|
| private |
Determines if this component has a condition assigned to it. |
|
| private |
_inputMask: * |
|
| private |
Determines if this component is visible, or not. |
|
| public |
addButton(justIcon: *): HTMLElement Adds a new button to add new rows to the multiple input elements. |
|
| public |
addClass(element: *, className: *) Adds a class to a DOM element. |
|
| public |
addEventListener(obj: *, evt: *, func: *) Wrapper method to add an event listener to an HTML element. |
|
| public |
addInput(input: *, container: *, noSet: *) Add a new input to this comonent. |
|
| public |
addInputError(message: *, dirty: *) Add a new input error to this element. |
|
| public |
addInputEventListener(input: *) Add new input element listeners. |
|
| public |
addInputGroup(input: HTMLElement, container: HTMLElement): HTMLElement Adds a new input group to hold the input html elements. |
|
| public |
addInputSubmitListener(input: *) |
|
| public |
Adds a new empty value to the data array. |
|
| public |
addPrefix(input: HTMLElement, inputGroup: HTMLElement): HTMLElement Adds a prefix html element. |
|
| public |
addShortcut(element: *, shortcut: *) |
|
| public |
addShortcutToLabel(label: *, shortcut: *): * |
|
| public |
addSuffix(input: HTMLElement, inputGroup: HTMLElement): HTMLElement Adds a suffix html element. |
|
| public |
addValue() Adds a new empty value to the data array, and add a new row to contain it. |
|
| public |
append(element: *) |
|
| public |
appendChild(child: *) Append different types of children. |
|
| public |
appendTo(element: *, container: *) |
|
| public |
asString(value: *): * Prints out the value of this component as a string value. |
|
| public |
Adds an object of attributes onto an element. |
|
| public |
|
|
| public |
beforeNext(): * Called before a next page is triggered allowing the components to perform special functions. |
|
| public |
beforeSubmit(): * Called before a submission is triggered allowing the components to perform special async functions. |
|
| public |
bootstrap4Theme(name: *): * |
|
| public |
build() Builds the component. |
|
| public |
Rebuild the rows to contain the values of this component. |
|
| public |
calculateValue(data: *): boolean Perform a calculated value operation. |
|
| public |
Alias for document.createElement. |
|
| public |
checkConditions(data: *): * Check for conditionals and hide/show the element based on those conditions. |
|
| public |
checkValidity(data: *, dirty: *): * |
|
| public |
clear() |
|
| public |
clearOnHide(show: *) |
|
| public |
createDescription(container: *) Creates the description block for this input field. |
|
| public |
createElement(): HTMLElement Create the outside wrapping element for this component. |
|
| public |
Creates a new error element to hold the errors of this element. |
|
| public |
createInput(container: HTMLElement): HTMLElement Creates a new input element. |
|
| public |
createLabel(container: HTMLElement) Create the HTML element for the label of this component. |
|
| public |
createTooltip(container: HTMLElement) Create the HTML element for the tooltip of this component. |
|
| public |
|
|
| public |
createViewOnlyLabel(container: *) |
|
| public |
createViewOnlyValue(container: *) |
|
| public |
Create the input wrapping element. |
|
| public |
Deletes the value of the component. |
|
| public |
destroy(all: *) Remove all event handlers. |
|
| public |
elementInfo(): {"type": string, "component": *, "changeEvent": string, "attr": *} Get the element information. |
|
| public |
Emit a new event. |
|
| public |
empty(element: *) |
|
| public |
errorMessage(type: *): * Get the error message provided a certain type of error. |
|
| public |
fieldLogic(data: *): * Check all triggers and apply necessary actions. |
|
| public |
focus() |
|
| public |
getBrowserLanguage(): * |
|
| public |
getElement(): HTMLElement Returns the outside wrapping element of this component. |
|
| public |
getFlags(): * |
|
| public |
Returns an HTMLElement icon element. |
|
| public |
getLabelMargin(): * |
|
| public |
getLabelWidth(): * |
|
| public |
getRawValue(): * |
|
| public |
getRoot(): * Get FormioForm element at the root of this component tree. |
|
| public |
getValue(): * Get the input value of this component. |
|
| public |
getValueAt(index: *): * Get the value at a specific index. |
|
| public |
getView(value: *): * |
|
| public |
hasChanged(before: *, after: *): boolean Determine if the value of this component has changed. |
|
| public |
hasCondition(): null Determines if this component has a condition defined. |
|
| public |
hook(): * Allow for options to hook into the functionality of this renderer. |
|
| public |
iconClass(name: *, spinning: *): * |
|
| public |
interpolate(string: *, data: *): * |
|
| public |
invalidMessage(data: *, dirty: *): * Returns the invalid message, or empty string if the component is valid. |
|
| public |
isEmpty(value: *): * |
|
| public |
Returns if the component is valid or not. |
|
| public |
labelIsHidden(): * |
|
| public |
labelOnTheLeft(position: *): * |
|
| public |
labelOnTheLeftOrRight(position: *): * |
|
| public |
labelOnTheRight(position: *): * |
|
| public |
maskPlaceholder(mask: HTMLElement): string Creates a new input mask placeholder. |
|
| public |
Register for a new event within this component. |
|
| public |
onChange(flags: *, fromRoot: *) |
|
| public |
onResize() |
|
| public |
prepend(element: *) |
|
| public |
prependTo(element: *, container: *) |
|
| public |
redraw() |
|
| public |
removeButton(index: number): HTMLElement Creates a new "remove" row button and returns the html element of that button. |
|
| public |
removeChild(element: *) |
|
| public |
removeChildFrom(element: *, container: *) |
|
| public |
removeClass(element: *, className: *) Remove a class from a DOM element. |
|
| public |
removeShortcut(element: *, shortcut: *) |
|
| public |
removeValue(index: number) Removes a value out of the data array and rebuild the rows. |
|
| public |
renderTemplate(template: *, data: *, actions: *): HTMLElement Render a template string into html. |
|
| public |
Restore the value of a control. |
|
| public |
rightAlignedLabel(position: *): * |
|
| public |
selectOptions(select: *, tag: *, options: *, defaultValue: *) |
|
| public |
setCustomValidity(message: *, dirty: *) |
|
| public |
setDisabled(element: *, disabled: *) |
|
| public |
setInputMask(input: HTMLElement) Sets the input mask for an input. |
|
| public |
setInputStyles(input: *) |
|
| public |
setLoading(element: *, loading: *) |
|
| public |
setPristine(pristine: *) Sets the pristine flag for this component. |
|
| public |
setSelectValue(select: *, value: *) |
|
| public |
Set the value of this component. |
|
| public |
setValueAt(index: *, value: *) Set the value at a specific index. |
|
| public |
setupValueElement(element: *) |
|
| public |
show(show: *): * Hide or Show an element. |
|
| public |
showElement(element: *, show: *): * Show or hide the root element of this component. |
|
| public |
splice(index: *) Splice a value from the dataValue. |
|
| public |
Translate a text using the i18n system. |
|
| public |
text(text: *): Text Alias to create a text node. |
|
| public |
updateOnChange(flags: *, changed: *): boolean Update the value on change. |
|
| public |
updateValue(flags: *): * Update a value of this component. |
|
| public |
|
|
| public |
validateMultiple(value: *): boolean Check if a component is eligible for multiple validation |
|
| public |
|
|
| public |
whenReady(): * |
|
Public Constructors
Public Members
public element: * source
The bounding HTML Element which this component is rendered.
Override:
BaseComponent#elementpublic get emptyValue: string source
The empty value for this component.
Override:
BaseComponent#emptyValuepublic input: * source
public map: * source
public marker: * source
Public Methods
public addInput(input: *, container: *) source
Add a new input to this comonent.
Override:
BaseComponent#addInputParams:
| Name | Type | Attribute | Description |
| input | * | ||
| container | * |
public addMarker(latlng: *, title: *, map: *) source
Params:
| Name | Type | Attribute | Description |
| latlng | * | ||
| title | * | ||
| map | * |
public elementInfo(): * source
Get the element information.
Override:
BaseComponent#elementInfoReturn:
| * |
public initGoogleMap() source
public setValue(value: *, flags: *) source
Set the value of this component.
Override:
BaseComponent#setValueParams:
| Name | Type | Attribute | Description |
| value | * | ||
| flags | * |
