Page History

Divcache

Div

id	description

HTML Table

id

class

servoy sSummary

Colgroup Tag

Col

width	80px

Col

Table Head (thead)

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	2

Property Summary

Table Row (tr)

Table Cell (td)
JSForm

Table Cell (td)containsForm

styleindex	display:none

DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY (EXCEPT INSIDE THE DIV BELOW WITH ID=DESCRIPTION), UNLESS YOU KNOW WHAT YOU'RE DOING.
THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO AUTO UPDATE THE CONTENT THROUGH THE DOC GENERATOR.

true
refresh	100d
showRefresh	true
id	doc
title	Refresh page
showDate	true
retry	Enable

servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClient

servoy sSummary12%30%58%height: 30px;3Property SummaryThe name of the form displayed in the tab. Table Row (tr)

Table Cell (td)
String

Table Cell (td)foreground

Table Cell (td)imageMedia

The foreground color of the tab.

Table Row (tr)

Table Cell (td)
JSMedia

The name of the image Media file used.

Table Row (tr)

Table Cell (td)
String

Table Cell (td)mnemonic

Mnemonic used to switch to tab.

Table Row (tr)

Table Cell (td)
String

Table Cell (td)name

The name of the tab.

Table Row (tr)

Table Cell (td)
String

Table Cell (td)relationName

The name of the relation that links the form which contains the tab

with the form displayed in the tab.

Table Row (tr)

Table Cell (td)
String

Table Cell (td)text
Table Row (tr)

Table Cell (td)
String

Table Cell (td)toolTipText

The text on the tab.

The text displayed when hovering over the component with a mouse cursor.

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)x

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)y

The X coordinate of the tab.

The Y coordinate of the tab.

HTML Table

idclassservoy sSummaryid

Colgroup Tag

Col

width	80px

Col

Table Head (thead) Table Row (tr)style Table Row (tr)

Table Cell (td)
UUID

Table Cell (td)getUUID()

servoy sSummary

12%

30%

58%

height: 30px;

Table Head (th)

colspan	2

Method Summary

3

Methods Summary

Returns the UUID of this component.

HTML Table

propertyclass Colgroup Tag Colcolspanservoy sDetail2width100%

Col

Table Head (thead) Table Row (tr)style

height:30px

; Table Head (th)colspan

2

Property Details

Table Body (tbody)idid

containsForm

Table Row (tr)

name

td

containsForm

Table Row (tr)id

des

Table Cell (td) Divclass

sIndent

The name of the form displayed in the tab.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classid

Supported Clients

sIndent

JSForm Table Row (tr)

SmartClient,WebClient,NGClient

sam

Table Cell (td)

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	foreground

Table Row (tr)

id	name

Table Cell (td)
foreground

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

Sample

Div

class	sIndent

Code Block

language	javascript

var childForm = solutionModel.newForm('childForm', 'db:/example_data/child_table', null, false, 400, 300);
var anotherChildForm = solutionModel.newForm('anotherChildForm', 'db:/example_data/child_table', null, false, 400, 300);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.containsForm = anotherChildForm;

sIdent

javascript

lastDetailRow

foreground

name

foreground

des

sIndent

The foreground color of the tab.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

String Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	imageMedia

Table Row (tr)

id	name

Table Cell (td)
imageMedia

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.foreground = '#FF0000';

sIdent

javascript

lastDetailRow

imageMedia

name

imageMedia

des

sIndent

The name of the image Media file used.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classid

Supported Clients

sIndent

JSMedia Table Row (tr)

SmartClient,WebClient,NGClient

sam

Table Cell (td)

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	mnemonic

Table Row (tr)

id	name

Table Cell (td)
mnemonic

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

Sample

Div

class	sIndent

Code Block

language	javascript

var bytes = plugins.file.readFile('d:/ball.jpg');
var ballImage = solutionModel.newMedia('ball.jpg', bytes);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.imageMedia = ballImage;

sIdent

javascript

lastDetailRow

mnemonic

name

mnemonic

des

sIndent

Mnemonic used to switch to tab.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

String Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	name

Table Row (tr)

id	name

Table Cell (td)
name

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var childForm = solutionModel.newForm('childForm', 'db:/example_data/child_table', null, false, 400, 300);
var anotherChildForm = solutionModel.newForm('anotherChildForm', 'db:/example_data/child_table', null, false, 400, 300);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.mnemonic = 'a';

sIdent

javascript

lastDetailRow

name

des

sIndent

The name of the tab.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

String Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	relationName

Table Row (tr)

id	name

Table Cell (td)
relationName

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.name = 'firstTabRenamed';

sIdent

javascript

lastDetailRow

relationName

name

relationName

des

sIndent

The name of the relation that links the form which contains the tab

Table Row (tr)id

with the form displayed in the tab.

ret

Table Cell (td)

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

String Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	text

Table Row (tr)

id	name

Table Cell (td)
text

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var firstTab = tabs.newTab('firstTab', 'Child Form', childForm);
firstTab.relationName = 'parent_table_to_child_table';

sIdent

javascript

lastDetailRow

text

name

text

des

sIndent

The text on the tab.

Table Row (tr)idtd

ret

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

String Table Row (tr)

id	sam

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.text = 'Better Title';

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	toolTipText

Table Row (tr)

id	name

Table Cell (td)
toolTipText

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

sIdent

javascript

lastDetailRow

toolTipText

name

toolTipText

des

sIndent

The text displayed when hovering over the component with a mouse cursor.

NOTE:

HTML should be used for multi-line tooltips; you can also use any

valid HTML tags to format tooltip text. For example:

<html>This includes<b>bolded text</b> and

Table Row (tr)id

td

ret

Returns

div

sIndent

clients

classid

Supported Clients

sIndent

String Table Row (tr)

SmartClient,WebClient,NGClient

sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.toolTipText = 'Tooltip';

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	x

Table Row (tr)

id	name

Table Cell (td)
x

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

sIdent

javascript

lastDetailRow

x

name

x

des

sIndent

The X coordinate of the tab. This influences the order in which the tabs are displayed.

The tabs are displayed in increasing order of the X coordinate. If two tabs have the

Table Row (tr)id

same X coordinate, then they are displayed in increasing order of the Y coordinate.

td

ret

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

Number Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	y

Table Row (tr)

id	name

Table Cell (td)
y

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

// Create two tabs, then make the second one be displayed to the left of the first
// by setting their X coordinates in the needed order.
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.x = 10;
var secondTab = tabs.newTab('secondTab', 'Another Child Form', anotherChildForm);
secondTab.x = 0;

sIdent

javascript

lastDetailRow

y

name

y

des

sIndent

The Y coordinate of the tab. Together with the X coordinate, this influences the order

in which the tabs are displayed. The tabs are displayed in increasing order of the X coordinate,

and if two tabs have the same X coordinate, then they are displayed in increasing order

Table Row (tr)id

of the Y coordinate.

td

ret

Returns

div

sIndent

clients

classid

Supported Clients

sIndent

Number Table Row (tr)

SmartClient,WebClient,NGClient

sam

Table Cell (td)

Colgroup Tag

Col

colspan	2
width	100%

Col

Table Head (thead)

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	2

Method Details

Table Body (tbody)

id	getUUID

Table Row (tr)

id	name

Table Cell (td)
getUUID

Table Row (tr)

id	sig

Table Cell (td)

Span

style	margin-right: 5px;

UUID

Span

style	font-weight: bold;

getUUID

Span
()

Table Row (tr)

id	des

Table Cell (td) Div

class	sIndent

Sample

Div

class	sIndent

Code Block

language	javascript

// Create two tabs, then make the second one be displayed to the left of the first
// by setting their X to the same value and Y coordinates in the needed order.
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.x = 0;
firstTab.y = 10;
var secondTab = tabs.newTab('secondTab', 'Another Child Form', anotherChildForm);
secondTab.x = 0;
secondTab.y = 0;

Table Row (tr)

class	lastDetailRow

Table Cell (td)

HTML Table

id	function
class	servoy sDetail

sIdent

javascript

lastDetailRow

functionservoy sDetail2100%height:30px2Methods DetailsgetUUIDname

getUUID()

des

sIndent

Returns the UUID of this component.

Table Row (tr)id

ret

td

Returns

div

sIndent

clients

classtd

Supported Clients

sIndent

UUID Table Row (tr)

id	sam

Table Row (tr)

class	lastDetailRow

Table Cell (td)

SmartClient,WebClient,NGClient

sam

Sample

Div

class	sIndent

Code Block

language	javascript

var button_uuid = solutionModel.getForm("my_form").getButton("my_button").getUUID();
application.output(button_uuid.toString());

sIdent

javascript

lastDetailRow

Child pages

Versions Compared

Old Version 24

New Version 25

Key

containsForm

foreground

foreground

imageMedia

imageMedia

mnemonic

mnemonic

name

name

relationName

relationName

text

text

toolTipText

toolTipText

x

x

y

y

getUUID

getUUID()