Page History

...

HTML Table

id
class	servoy sSummary

Colgroup Tag

Column

padding	0px
width	80px

Column

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	2

Property Summary

tbody

Table Body (tbody)

Table Row (tr)

Table Cell (td)
String

Table Cell (td)
#dataProviderID dataProviderID The dataprovider of the component.

Table Row (tr)

Table Cell (td)
Boolean

Table Cell (td)
#displaysTags displaysTags Flag that enables or disables merging of data inside components using tags (placeholders).

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Boolean

Table Cell (td)
#enabled enabled The enable state of the component, default true.

tbody

Table Body (tbody)

Table Row (tr)

Table Cell (td)
String

Table Cell (td)
#format format The format that should be applied when displaying data(using dataProviderID) in the label/button.

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#height The height in pixels of the component.

Table Body (tbody)

#labelSize
labelSize
Size property for a label, values 1 to 60 correspond to header class h1 to h6

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)

Table Body (tbody)

Table Row (tr)

Table Cell (td)
String

Table Cell (td)
#name name The name of the component.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
JSMethod String

Table Cell (td)
#onAction styleClass The method that is executed when the component is clicked.

Table Body (tbody)

#styleClass
The name of the style class that name of the style class that should be applied to this component.

Table Row (tr)

Table Cell (td)
String

Table Cell (td)

Table Body (tbody)

Table Row (tr)

Table Cell (td)
String

Table Cell (td)
#text text The text that is displayed inside the component.

tbody

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Boolean

Table Cell (td)
#visible visible The visible property of the component, default true.

tbody

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#width x The width in pixels x coordinate of the component on the form.

tbody

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#x y The x y coordinate of the component on the form.

tr

HTML Table

id

Table Cell (td)
Number

Table Cell (td)
#y The y coordinate of the component on the form.

HTML Table

servoy


id	class	class	servoy sSummary

Colgroup Tag

Column

padding	0px
width	80px

Column

tbody

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	2

Method Summary

Table Row (tr)

Table Cell (td)
JSTitle

Table Cell (td)
#getTitle getTitle() Get title label for the label.

HTML Table

id	property
class	servoy sDetail

Colgroup Tag

Column

padding	0px
width	100%

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	1

Property Details

Table Body (tbody)

id	dataProviderID

Table Row (tr)

id	name

Table Cell (td)
dataProviderID

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The dataprovider of the component.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

// Normally the dataprovider is specified when a component is created.
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20);
// But it can be modified later if needed.
field.dataProviderID = 'parent_table_id';

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	displaysTags

Table Row (tr)

id	name

Table Cell (td)
displaysTags

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Flag that enables or disables merging of data inside components using tags (placeholders).
Tags (or placeholders) are words surrounded by %%on each side. There are data tags and
standard tags. Data tags consist in names of dataproviders surrounded by%%. Standard tags
are a set of predefined tags that are made available by the system.

See the "Merging data" section for more details about tags.

The default value of this flag is "false", that is merging of data is disabled by default.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Boolean

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var label = form.newLabel('You are viewing record no. %%parent_table_id%%. You are running on server %%serverURL%%.',

...


					10, 10, 600, 100);
label.displaysTags = true;

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	enabled

Table Row (tr)

id	name

Table Cell (td)
enabled

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The enable state of the component, default true.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Boolean

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.enabled = false;

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	format

Table Row (tr)

id	name

Table Cell (td)
format

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The format that should be applied when displaying data(using dataProviderID) in the label/button.
Some examples are "#%", "dd-MM-yyyy", "MM-dd-yyyy", etc.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var label = form.newLabel('', 10, 10, 100, 100);
label.format = '$#.00';

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id

...

labelSize

Table Row (tr)

id	name

Table Cell (td)

height

labelSize

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

...

Size property for a label, values 1 to 60 correspond to header class h1 to h6

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var

...

label = form.

...

newLabel('

...

Hello',

...

class	lastDetailRow

...

id	labelSize

Table Row (tr)

id	name

Table Cell (td)
labelSize

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Size property for a label, values 1 to 60 correspond to header class h1 to h6

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var label = form.newLabel('Hello', 1);
label.labelSize = 2 // corresponds to header class h2

...

class	lastDetailRow

...

id	name

Table Row (tr)

id	name

Table Cell (td)
name

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The name of the component. Through this name it can also accessed in methods.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('someForm', 'db:/example_data/parent_table', null, false, 620, 300);
var label = form.newLabel('Label', 10, 10, 150, 150);
label.name = 'myLabel'; // Give a name to the component.
forms['someForm'].controller.show()
// Now use the name to access the component.
forms['someForm'].elements['myLabel'].text = 'Updated text';

...

class	lastDetailRow

...

id	onAction

Table Row (tr)

id	name

Table Cell (td)
onAction

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The method that is executed when the component is clicked.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

JSMethod

...

id	sam

...

class	sIndent

...

language	javascript

...

1);
label.labelSize = 2 // corresponds to header class h2

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

...

id	styleClass

...

id	name

...

styleClass

...

Table Row (tr)

id

...

class	sIndent

The name of the style class that should be applied to this component.

...

	name

Table Cell (td)
name

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The name of the component. Through this name it can also accessed in methods.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var form = solutionModel.newForm('

...

someForm', 'db:/example_data/parent_table', null, false,

...

620, 300);
var

...

label = form.

...

class	lastDetailRow

...

id	text

Table Row (tr)

id	name

Table Cell (td)
text

...

id	des

...

class	sIndent

...

newLabel('Label', 10, 10, 150, 150);
label.name = 'myLabel'; // Give a name to the component.
forms['someForm'].controller.show()
// Now use the name to access the component.
forms['someForm'].elements['myLabel'].text = 'Updated text';

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	styleClass

Table Row (tr)

id	name

Table Cell (td)
styleClass

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The name of the style class that should be applied to this component.

When defining style classes for specific component types, their names
must be prefixed according to the type of the component. For example
in order to define a class names 'fancy' for fields, in the style
definition the class must be named 'field.fancy'. If it would be
intended for labels, then it would be named 'label.fancy'. When specifying
the class name for a component, the prefix is dropped however. Thus the
field or the label will have its styleClass property set to 'fancy' only.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

var form = solutionModel.newForm('printForm', 'db:/example_data/

...

parent_table', null, false, 400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
var style = solutionModel.newStyle('myStyle','field.fancy { background-color: yellow; }');
form.styleName = 'myStyle'; //

...

First

...

set

...

the

...

style

...

on

...

the

...

form.

...

field.

...

styleClass = '

...

fancy'; // Then set the style class on the field.

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id

...

text

Table Row (tr)

id	name

Table Cell (td)

visible

text

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The

...

text that is displayed inside the component

...

.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

...

String

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

// In

...

general

...

the

...

text is specified when creating the component.
var label = form.

...

newLabel('

...

Initial text',

...

10, 10, 100, 20);

...


// But it can be changed later if needed.
label.text =

...

'Changed text';

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id

...

visible

Table Row (tr)

id	name

Table Cell (td)

width

visible

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

The

...

visible property of the component, default true.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

...

Boolean

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.visible = false;

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

The x coordinate of the component on the form.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original location: ' + field.x + ', ' + field.y);
field.x = 90;
field.y = 90;
application.output('changed location: ' + field.x + ', ' + field.y);

...

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

The y coordinate of the component on the form.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original location: ' + field.x + ', ' + field.y);
field.x = 90;
field.y = 90;
application.output('changed location: ' + field.x + ', ' + field.y);

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

HTML Table

id	function
class	servoy sDetail

Colgroup Tag

Column

padding	0px
width	100%

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	1

Method Details

Table Body (tbody)

id	getTitle

Table Row (tr)

id	name

Table Cell (td)
getTitle

Table Row (tr)

id	sig

Table Cell (td)

Span

style	margin-right: 5px;

JSTitle

Span

style	font-weight: bold;

getTitle

Span
()

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Get title label for the label.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

JSTitle

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript

...

var form = solutionModel.newForm('someForm', 'db:/example_data/parent_table');
var label = form.newLabel('Customers', 1);
label.getTitle().text = 'Some text'
forms['someForm'].controller.show()

...

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Child pages

Versions Compared

Old Version 8

New Version 9

Key

dataProviderID

displaysTags

enabled

format

height

labelSize

labelSize

name

onAction

styleClass

name

text

styleClass

visible

text

width

visible

x

y

getTitle