Child pages
  • JSHeader

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin
{div:style=}
Wiki Markup
Div
styledisplay: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.

\\ \\ Enter additional information related to this



Enter additional information related to this 'class'

inside

the

\

{div}

macro

with

'id=description'

{div} {div:id=description}{div}\\ {table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[Boolean]{td}{td}[#sticky] Flag to set a set the header sticky so it will not scroll out of view.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#styleClass] The Cascading Style Sheet (CSS) class name applied to the part.{td}{tr}{tbody}{table}\\ {table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[JSTitle]{td}{td}[#getHeaderText]\() Returns the header text label on the form header if present.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#getLeftButton]\() Returns the left\-button on the form header if present.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#getRightButton]\() Returns the right\-button on the form header if present.{td}{tr}{tbody}{tbody}{tr}{td}[JSTitle]{td}{td}[#newHeaderText]\(text) Creates a new header text label on the form header.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#newLeftButton]\(text, jsmethod) Creates a new left\-button on the form header.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#newRightButton]\(text, jsmethod) Creates a new right\-button on the form header.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeHeaderText]\() Remove the header text label on the form header if present.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeLeftButton]\() Remove the left\-button on the form header if present.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeRightButton]\() Remove the right\-button on the form header if present.{td}{tr}{tbody}{table}\\ {table:id=property|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=sticky}{tr:id=name}{td}h6.sticky{td}{tr}{tr:id=des}{td}{div:class=sIndent}Flag to set a set the header sticky so it will not scroll out of view.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}

Div
iddescription


HTML Table
id
classservoy sSummary
Colgroup Tag
Column
padding0px
width80px

Column

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan2
Property Summary
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)
#sticky
Flag to set a set the header sticky so it will not scroll out of view.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
String
Table Cell (td)
#styleClass
The Cascading Style Sheet (CSS) class name applied to the part.

HTML Table
id
classservoy sSummary
Colgroup Tag
Column
padding0px
width80px

Column

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan2
Method Summary
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSTitle
Table Cell (td)
#getHeaderText()
Returns the header text label on the form header if present.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSButton
Table Cell (td)
#getLeftButton()
Returns the left-button on the form header if present.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSButton
Table Cell (td)
#getRightButton()
Returns the right-button on the form header if present.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSTitle
Table Cell (td)
#newHeaderText(text)
Creates a new header text label on the form header.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSButton
Table Cell (td)
#newLeftButton(text, jsmethod)
Creates a new left-button on the form header.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSButton
Table Cell (td)
#newRightButton(text, jsmethod)
Creates a new right-button on the form header.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)
#removeHeaderText()
Remove the header text label on the form header if present.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)
#removeLeftButton()
Remove the left-button on the form header if present.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)
#removeRightButton()
Remove the right-button on the form header if present.

HTML Table
idproperty
classservoy sDetail
Colgroup Tag
Column
padding0px
width100%

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan1
Property Details
Table Body (tbody)
idsticky
Table Row (tr)
idname
Table Cell (td)
sticky
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Flag to set a set the header sticky so it will not scroll out of view.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Boolean
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.newForm('newForm1', myDatasource);
var header = form.newHeader()
header.sticky = false // default: true

...

Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idstyleClass
Table Row (tr)
idname
Table Cell (td)
styleClass
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
The Cascading Style Sheet (CSS) class name applied to the part.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
String
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var body = form.newPart(JSPart.BODY, 320);
body.styleClass = 'myBody';

...

Table Row (tr)
classlastDetailRow
Table Cell (td)


HTML Table
idfunction
classservoy sDetail
Colgroup Tag
Column
padding0px
width100%

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan1
Method Details
Table Body (tbody)
idgetHeaderText
Table Row (tr)
idname
Table Cell (td)
getHeaderText
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
JSTitle
Span
stylefont-weight: bold;
getHeaderText
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Returns the header text label on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSTitle – a JSTitle object if the header text exists, null otherwise
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var title = header.getHeaderText()
title.text = 'Customers'
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLeftButton}{tr:id=name}{td}h6.getLeftButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]{span}{span:style=font-weight: bold;}getLeftButton{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the left\-button on the form header if present.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a JSButton object if the left-button exists, null otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idgetLeftButton
Table Row (tr)
idname
Table Cell (td)
getLeftButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
JSButton
Span
stylefont-weight: bold;
getLeftButton
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Returns the left-button on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSButton – a JSButton object if the left-button exists, null otherwise
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var button = header.getLeftButton()
button.iconType = JSButton.ICON_HOME
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getRightButton}{tr:id=name}{td}h6.getRightButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]{span}{span:style=font-weight: bold;}getRightButton{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the right\-button on the form header if present.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a JSButton object if the right-button exists, null otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idgetRightButton
Table Row (tr)
idname
Table Cell (td)
getRightButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
JSButton
Span
stylefont-weight: bold;
getRightButton
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Returns the right-button on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSButton – a JSButton object if the right-button exists, null otherwise
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var button = header.getRightButton()
button.iconType = JSButton.ICON_GEARS
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newHeaderText-}{tr:id=name}{td}h6.newHeaderText{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSTitle]{span}{span:style=font-weight: bold;}newHeaderText{span}{span}\(text){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new header text label on the form header.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}text -- the text on the header {div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSTitle] -- a new JSTitle object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idnewHeaderText-
Table Row (tr)
idname
Table Cell (td)
newHeaderText
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
JSTitle
Span
stylefont-weight: bold;
newHeaderText
Span
(text)
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Creates a new header text label on the form header.
Table Row (tr)
idprs
Table Cell (td)
Parameters
Div
classsIndent
text – the text on the header
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSTitle – a new JSTitle object
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.newForm('newForm1', myDatasource);
var header = form.newHeader()
var title = header.newHeaderText('Contacts')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idnewLeftButton-String_JSMethod
}{
Table Row (tr)
:
id
=
name
}{td}h6.newLeftButton{td}{tr}{tr:id=sig}{td}{span:style=
Table Cell (td)
newLeftButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right:
5px;
}[
JSButton
]{span}{span:style=
Span
stylefont-weight:
bold;
}
newLeftButton
{span}{span}\
Span
(text,
jsmethod)
{span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new left\-button on the form header.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} text -- the text on the button \{[JSMethod]} jsmethod -- the method assigned to handle an onAction event {div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a new JSButton object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Creates a new left-button on the form header.
Table Row (tr)
idprs
Table Cell (td)
Parameters
Div
classsIndent
{String} text – the text on the button
{JSMethod} jsmethod – the method assigned to handle an onAction event
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSButton – a new JSButton object
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.newForm('newForm1', myDatasource);
var header = form.newHeader()
var button = header.newLeftButton('back', form.getMethod('goBack'))
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idnewRightButton-String_JSMethod
}{
Table Row (tr)
:
id
=
name
}{td}h6.newRightButton{td}{tr}{tr:id=sig}{td}{span:style=
Table Cell (td)
newRightButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right:
5px;
}[
JSButton
]{span}{span:style=
Span
stylefont-weight:
bold;
}
newRightButton
{span}{span}\
Span
(text,
jsmethod)
{span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new right\-button on the form header.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} text -- the text on the button \{[JSMethod]} jsmethod -- the method assigned to handle an onAction event {div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a new JSButton object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Creates a new right-button on the form header.
Table Row (tr)
idprs
Table Cell (td)
Parameters
Div
classsIndent
{String} text – the text on the button
{JSMethod} jsmethod – the method assigned to handle an onAction event
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSButton – a new JSButton object
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.newForm('newForm1', myDatasource);
var header = form.newHeader()
var button = header.newRightButton('save', form.getMethod('doSave'))
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeHeaderText}{tr:id=name}{td}h6.removeHeaderText{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeHeaderText{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Remove the header text label on the form header if present.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if header text existed and was removed{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idremoveHeaderText
Table Row (tr)
idname
Table Cell (td)
removeHeaderText
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
Boolean
Span
stylefont-weight: bold;
removeHeaderText
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Remove the header text label on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Boolean – true if header text existed and was removed
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var removed = header.removeHeaderText()
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeLeftButton}{tr:id=name}{td}h6.removeLeftButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeLeftButton{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Remove the left\-button on the form header if present.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if button existed and was removed{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idremoveLeftButton
Table Row (tr)
idname
Table Cell (td)
removeLeftButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
Boolean
Span
stylefont-weight: bold;
removeLeftButton
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Remove the left-button on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Boolean – true if button existed and was removed
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var removed = header.removeLeftButton()
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeRightButton}{tr:id=name}{td}h6.removeRightButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeRightButton{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Remove the right\-button on the form header if present.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if button existed and was removed{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idremoveRightButton
Table Row (tr)
idname
Table Cell (td)
removeRightButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
Boolean
Span
stylefont-weight: bold;
removeRightButton
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Remove the right-button on the form header if present.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Boolean – true if button existed and was removed
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform');
var header = form.getHeader()
var removed = header.removeRightButton()
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}
Table Row (tr)
classlastDetailRow
Table Cell (td)