WaveMaker - Widgets API Documentation
  1. Classes
  2. Checkboxset

File

projects/components/widgets/input/default/src/checkboxset/checkboxset.component.doc.ts

Description

The wmCheckboxset component defines the checkboxset widget.

Index

Methods
Inputs

Methods

onChange
onChange($event: MouseEvent, widget: any, newVal: any, oldVal: any)

Callback function which will be triggered when the widget is clicked or when datavalue has changed.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the checkboxset widget
newVal any No

datavalue of the checkboxset widget
oldVal any No

previously selected datavalue of the checkboxset widget
Returns : void
onClick
onClick($event: MouseEvent, widget: any)

Callback function which will be triggered when the widget is clicked.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the checkboxset widget
Returns : void
onMouseenter
onMouseenter($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse enters the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the checkboxset widget
Returns : void
onMouseleave
onMouseleave($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse leaves the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the checkboxset widget
Returns : void
onTap
onTap($event: TouchEvent, widget: any)

Callback function which will be triggered when the tap event is triggered on a widget.

Parameters :
Name Type Optional Description
$event TouchEvent No

DOM event on which call back is triggered
widget any No

Instance of the checkboxset widget
Returns : void
toggleAllHeaders
toggleAllHeaders()

This can be invoked only when groupby and collapsible properties are set. This method is available on widget instance. This method toggles all the list items inside the each list group i.e. all the group lists can be collapsed or expanded.

Returns : void

Inputs

class
Type : string

Class of the widget.
collapsible
Type : boolean

Enable control for collapsing and expanding the widget when groupby property is set.
datafield
Type : string

This property sets the dataValue to be returned by the checkboxset widget when the list is populated using the dataSet property.

dataset
Type : Array<any> | Object
Default value : 'Option 1, Option 2, Option 3'

This property accepts the options to create the checkboxset widget. These options can be array of values, array of objects, object containing key-value pairs.

Bindable: true
datavalue
Type : Array<any>

This property defines the initial selected value of the checkboxset widget. Returns array of values.

Bindable: true
dateformat
Type : string

This property determines the date format to be applied on the group heading
disabled
Type : boolean

This property will be used to disable the checkboxset widget. If the disabled property is true (checked), the widget becomes display-only.

Bindable: true
displayexpression
Type : string

This is an advanced property that gives more control over what is displayed as the checkbox label. A Display Expression uses a JavaScript expression to format exactly what is shown

Bindable: true
displayfield
Type : string

This property sets the displayValue to show in the checkboxset widget when the list is populated using the dataSet property.

groupby
Type : string

This property allows for grouping the list of rows in the variable bound to a dataset by selecting one of the field names from the drop-down list. This can also be bound to a JavaScript function.
itemclass
Type : string

This property allows user to select a pre-defined list class name from the view-list drop down on the right.

Default Options: list-group, media-list
layout
Type : string
Default value : 'stacked'

This property controls how contained checkboxes are displayed within the widget container.

Allowed Values: inline, stacked

inline: checkboxes are aligned inline.

stacked: checkboxes are aligned as stacks.
listclass
Type : string

This property allows user to select a pre-defined list class name from the view-list drop down on the right.

Default Options: list-group-item, media
match
Type : string

When "Group as" property is set to

  1. alphabetic, the group heading will contain the starting character of the grouped data key
  2. word, the group heading will contain the word.
  3. any of the TIME options, data is grouped based on the time option given
name
Type : string

Name of the checkboxset widget.
orderby
Type : string

Allows to display the data in asc or desc order based on this property

readonly
Type : boolean

This property will be used to make the checkboxset widget non-editable.

Bindable: true
required
Type : boolean

This property will be used to validate the state of the checkboxset widget when used inside a form widget.

Bindable: true
show
Type : boolean
Default value : true

This property will be used to show/hide the checkboxset widget.

Bindable: true
showcount
Type : boolean

Count of checkbox items in list group will be shown, if set to true
tabindex
Type : number
Default value : 0

This property specifies the tab order of the checkboxset widget.
usekeys
Type : boolean

If set to true, use the keys of the dataset object as checkboxset options.

results matching ""

    No results matching ""