Child pages
  • JSFooter

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 footer 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}[JSComponent]\[]{td}{td}[#getComponents]\() Returns a array of all the IBaseSMComponents that a footer has.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#newButton]\(text, x, jsmethod) Creates a new button on the footer.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeComponent]\(name) Removes a named component from the footer.{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 footer 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 footer 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)
JSComponent[]
Table Cell (td)
#getComponents()
Returns a array of all the IBaseSMComponents that a footer has.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
JSButton
Table Cell (td)
#newButton(text, x, jsmethod)
Creates a new button on the footer.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)
#removeComponent(name)
Removes a named component from the footer.

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 footer 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 footer = form.newFooter()
footer.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)
idgetComponents
Table Row (tr)
idname
Table Cell (td)
getComponents
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
JSComponent[]
Span
stylefont-weight: bold;
getComponents
Span
()
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Returns a array of all the IBaseSMComponents that a footer has.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSComponent[] – an array of all the JSComponents on the footer.
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm("myForm");
var footer = form.getFooter();
var components = footer.getComponents();
for (var i in components)
	application.output("Component type and name: " + components[i]);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idnewButton-String_Number_JSMethod
}{
Table Row (tr)
:
id
=
name
}{td}h6.newButton{td}{tr}{tr:id=sig}{td}{span:style=
Table Cell (td)
newButton
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right:
5px;
}[
JSButton
]{span}{span:style=
Span
stylefont-weight:
bold;
}
newButton
{span}{span}\
Span
(text,
x,
jsmethod)
{span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new button on the footer.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} text -- the text on the button \{[Number]} x -- the horizontal "x" position of the new element, defines the order of elements on the footer \{[JSMethod]} jsmethod -- the method assigned to handle an onAction event {div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a new JSCalendar element{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 button on the footer.
Table Row (tr)
idprs
Table Cell (td)
Parameters
Div
classsIndent
{String} text – the text on the button
{Number} x – the horizontal "x" position of the new element, defines the order of elements on the footer
{JSMethod} jsmethod – the method assigned to handle an onAction event
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
JSButton – a new JSCalendar element
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm('myform')
var footer = form.getForm('myform').newFooter()
footer.newButton('myvar', form.getMethod('doit'));
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeComponent-String}{tr:id=name}{td}h6.removeComponent{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeComponent{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a named component from the footer.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the component to remove {div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true is the component has been successfully removed; false 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)
idremoveComponent-String
Table Row (tr)
idname
Table Cell (td)
removeComponent
Table Row (tr)
idsig
Table Cell (td)
Span
stylemargin-right: 5px;
Boolean
Span
stylefont-weight: bold;
removeComponent
Span
(name)
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Removes a named component from the footer.
Table Row (tr)
idprs
Table Cell (td)
Parameters
Div
classsIndent
{String} name – the specified name of the component to remove
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Boolean – true is the component has been successfully removed; false otherwise
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var form = solutionModel.getForm("myForm");
var footer = form.getFooter();
footer.removeComponent('myfield1')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}
Table Row (tr)
classlastDetailRow
Table Cell (td)