Global

Methods

Button(identifieropt, attributesopt, childrenopt) → {HTMLButtonElement}

Create BUTTON element.
Parameters:
Name Type Attributes Default Description
identifier string <optional>
attributes Object <optional>
lattributes.label string <optional>
attributes.blocking boolean <optional>
 true Whether or not to block subsequent taps after a tap.
attributes.tapHandler function <optional>
 When the restore method in the function argument is executed, It makes itself tapable again.
children Array <optional>
Source:

Canvas(identifieropt, attributesopt, childrenopt) → {HTMLCanvasElement}

Create CANVAS element. If width and height have been set, Canvas size will be initialized to match the screen resolution.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
width number <optional>
height number <optional>
drawer function <optional>
children Array <optional>
Source:

Checkbox(identifieropt, settingsopt, changeHandleropt) → {HTMLDivElement}

Create check-box element.
Parameters:
Name Type Attributes Description
identifier string <optional>
settings Object <optional>
Properties
Name Type Attributes Default Description
label string <optional>
checked boolean <optional>
 false
fontSize number | string <optional>
boxColor string <optional>
 black
checkColor string <optional>
 black
dataKey string <optional>
 The key for object set in the ViewController or parent View.
changeHandler function <optional>
Source:

DateField(identifieropt, attributesopt) → {HTMLInputElement}

Create input field for a date/time value element.
Parameters:
Name Type Attributes Default Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
type date | time | datetime <optional>
format string <optional>
color string <optional>
weekendColor string <optional>
indicatorColor string <optional>
settings.removable boolean <optional>
 true
settings.editable boolean <optional>
 true
settings.editingEndHandler function <optional>
attributes.placeholder string <optional>
attributes.zIndex number <optional>
Source:

FileSelector(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT type=file element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Source:

HtmlTag(tagName, identifieropt, attributesopt, childrenopt) → {HTMLElement}

Create HTML element.
Parameters:
Name Type Attributes Description
tagName string
identifier string <optional>
 element ID (If CSS selector prefix is not included, register it as CSS class.)
attributes Object <optional>
Properties
Name Type Attributes Description
style Object <optional>
data Object | Array <optional>
tapHandler function <optional>
width number <optional>
height number <optional>
contentsAlign left | center | right <optional>
children Array <optional>
 child elements
Source:

InlineImage(identifieropt, attributesopt, childrenopt) → {HTMLImageElement}

Create IMG element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

Input(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
leaveWithEnter boolean <optional>
 Element applies the edited contents by ENTER key.
dataKey string <optional>
 The key for object set in the ViewController or parent View.
Source:

InputComposite(identifieropt, attributesopt, childrenopt) → {HTMLDivElement}

Create label and INPUT composite.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
label string <optional>
children Array <optional>
 define any INPUT elements.
Source:

ListItem(identifieropt, attributesopt, childrenopt) → {HTMLLIElement}

Create LI element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

MailField(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT type=mail element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
Source:

NumericField(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT element that is avalable input numeric value.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Default Description
unit string <optional>
currency boolean <optional>
 false Whether or not to perform currency formatting.
multiplier number <optional>
 1
value number <optional>
maxValue number <optional>
minValue number <optional>
dataKey string <optional>
Source:

OrderedList(identifieropt, attributesopt, childrenopt) → {HTMLOListElement}

Create OL element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

PasswordField(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT type=password element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
Source:

ScrollView(identifieropt, attributesopt, childrenopt) → {HTMLDivElement}

Create scrollable DIV element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

Select(identifieropt, settingsopt) → {HTMLDivElement}

Create compatible select element. It absorbs differences in expression between operating systems and browsers.
Parameters:
Name Type Attributes Description
identifier string <optional>
settings Object <optional>
Properties
Name Type Attributes Default Description
items Array
selectedIndex number <optional>
itemWidth number <optional>
itemHeight number <optional>
labelHandler function <optional>
styleHandler function <optional>
itemHandler function <optional>
itemDrawer function <optional>
selectHandler function <optional>
closeHandler function <optional>
selectedDrawing boolean <optional>
 true
editable boolean <optional>
 true
dataKey string <optional>
 The key for object set in the ViewController or parent View.
valueKey string <optional>
 When the element of the items is Object, the key for the value to be data-bounding.
Source:

Slider(identifieropt, attributesopt) → {HTMLDivElement}

Create slider element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Default Description
value number <optional>
maxValue number <optional>
 100
minValue number <optional>
 0
stepValue number <optional>
 1 Unit value when the value is changed.
borderColor string <optional>
indicatorColor string <optional>
unit string <optional>
 Label suffix
editable boolean <optional>
 true
changeHandler function <optional>
 Called when the value is chnanged.
settings.dataKey string <optional>
 The key for object set in the ViewController or parent View.
Source:

Table(identifieropt, attributesopt, childrenopt) → {HTMLTableElement}

Create TABLE element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Default Description
data Array.<TableColumnDefinition> <optional>
dataKey Array.<TableColumnDefinition> <optional>
 The key for object set in the ViewController or parent View. "." points to the root of the data set in the ViewController or parent View.
columns Array.<TableColumnDefinition> <optional>
tapHandler function <optional>
 Select a row handler. The first argument is the selected row data.
rowHeight number <optional>
animate boolean <optional>
 false
sort Object <optional>
Properties
Name Type Attributes Description
defaultHeaderCellStyle Object <optional>
upperSortHeaderCellStyle Object <optional>
lowerSortHeaderCellStyle Object <optional>
defaultSortDataKey string <optional>
headerStyle Object <optional>
rowBorder boolean <optional>
 true
rowBorderStyle string <optional>
rowHighlight boolean <optional>
 true
rowHighlightStyle string <optional>
rowHandler function <optional>
children Array <optional>
Source:

TableBody(identifieropt, attributesopt, childrenopt) → {HTMLTableSectionElement}

Create TBODY element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

TableCell(identifieropt, attributesopt, childrenopt) → {HTMLTableDataCellElement}

Create TD element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

TableHeader(identifieropt, attributesopt, childrenopt) → {HTMLTableSectionElement}

Create THEAD element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

TableRow(identifieropt, attributesopt, childrenopt) → {HTMLTableRowElement}

Create TR element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

TextArea(identifieropt, attributesopt) → {HTMLTextAreaElement}

Create TEXTAREA element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
label string <optional>
 Labeling by InputContainer
changeHandler string <optional>
inputHandler string <optional>
Source:

TextField(identifieropt, attributesopt) → {HTMLInputElement|HTMLDivElement}

Create INPUT type=text element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
label string <optional>
 Labeling by InputContainer
changeHandler function <optional>
inputHandler function <optional>
Source:

TimeField(identifieropt, attributesopt) → {HTMLInputElement}

Create INPUT type=time element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
Properties
Name Type Attributes Description
dataKey string <optional>
 The key for object set in the ViewController or parent View.
Source:

ToggleButton(identifieropt, settingsopt, selectHandleropt) → {HTMLDivElement}

Create toggle button element.
Parameters:
Name Type Attributes Description
identifier string <optional>
settings Object <optional>
Properties
Name Type Attributes Default Description
items Array.<string> <optional>
 labels
selectedIndex number <optional>
borderColor string <optional>
 black
fillColor string <optional>
 black
labelColor string <optional>
 black
selectedLabelColor string <optional>
 black
removable boolean <optional>
 true
editable boolean <optional>
 true
selectHandler function <optional>
Source:

UnorderedList(identifieropt, attributesopt, childrenopt) → {HTMLUListElement}

Create UL element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
children Array <optional>
Source:

View(identifieropt, attributesopt, dataKeyopt, dataHandleropt, childrenopt) → {HTMLDivElement}

Create DIV element.
Parameters:
Name Type Attributes Description
identifier string <optional>
attributes Object <optional>
dataKey string <optional>
 The key for object set in the ViewController or parent View.
dataHandler function <optional>
 Use this callback if you want to set data directly in a element.
Properties
Name Type Description
element HTMLDivElement
value *
children Array <optional>
Source:

Type Definitions

Offset :Object

Properties:
Name Type Description
left number
top number
Source:

TableColumnDefinition :Object

Parameters:
Name Type Description
dataHandler.cell HTMLTableCellElement
dataHandler.value *
dataHandler.record *
Properties:
Name Type Attributes Description
label string <optional>
 Label of table header
width number <optional>
 Column width
style Object <optional>
 Column styles
class Object <optional>
 Column CSS class
dataKey string <optional>
 The key for each record of the Array object set in the Table.
dataHandler function <optional>
 Use this callback if you want to set data directly in a cell.
Source: