List Form Component
(part of package 'Servoy Core') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
This is a reference page; many components have detailed usage guides here.
Properties
containedForm
Type: Formcomponent
editable
Type: Protected Default Value: true
foundset
Type: JSFoundset Default Value: {"foundsetSelector":""}
pageLayout
Type: String
paginationStyleClass
Type: Styleclass
responsiveHeight
This property sets the height of the listformcomponent when using scrolling mode in a responisive form. Adding a listformcomponent in a flex-content layout and setting responsiveHeight property to 0, let the listformcomponent grow up to 100% height of parent element (see more on flex-layout here: https://github.com/Servoy/12grid/wiki/Flexbox-Layout ). Used with other containers than flex-content layout in order to grow the listformcomponent to 100% height, the parent element must have a known height. When responsiveHeight is set to -1, the LFC will auto-size it's height to the number of rows displayed - in this case there is no vertical scrollbar and all rows are rendered
Type: Number Default Value: 300
responsivePageSize
This property in only used when the component is placed in a responsive form; it is ignored in absolute; when used in paging mode (client property UICONSTANTS.LISTFORMCOMPONENT_PAGING_MODE = true) it sets the number of records displayed in a single page; when used in scrolling mode (which is the default mode) it is only used when pageLayout is set to cardiew, and it sets the maximum records displayed in a single row of the listformcomponent.
Type: Number
rowEditableDataprovider
Type: Dataprovider
rowEnableDataprovider
Type: Dataprovider
rowStyleClass
Type: Styleclass
rowStyleClassDataprovider
Type: Dataprovider
selectionClass
In case rowStyleClassDataprovider or rowStyleClass are used, make sure that the selection styleclass definition is last in the solution stylesheet, to avoid overwriting it. .listitem-info { background-color: blue; } .listitem-selected { background-color: orange; }
Type: Styleclass
styleClass
Type: Styleclass Default Value: "svy-listformcomponent"
tabSeq
Type: Tabseq
visible
Type: Visible
Events
onListItemClick(record,event)
Parameters:
onSelectionChanged(event)
Parameters:
{JSEvent} event
Last updated
Was this helpful?