kvision / pl.treksoft.kvision.form.select / Select

Select

(js) open class Select : SimplePanel, StringFormControl, ObservableState<String?>

The form field component for Select control.

The select control can be populated directly from options parameter or manually by adding SelectOption or SelectOptGroup components to the container.

Constructors

(js)

<init>

 Select(options: List<StringPair>? = null, value: String? = null, name: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, label: String? = null, rich: Boolean = false)

Properties

(js)

ajaxOptions

Additional options for remote (AJAX) data source.

var ajaxOptions: AjaxOptions?
(js)

autofocus

Determines if the select is automatically focused.

var autofocus: Boolean?
(js)

dropdownAlign

The dropdown align of the select control.

var dropdownAlign: SelectDropdownAlign
(js)

emptyOption

Determines if an empty option is automatically generated.

var emptyOption: Boolean
(js)

flabel

Form field label.

val flabel: FieldLabel
(js)

input

The actual input component.

val input: SelectInput
(js)

invalidFeedback

Invalid feedback component.

val invalidFeedback: InvalidFeedback
(js)

label

The label text bound to the select element.

var label: String?
(js)

liveSearch

Determines if live search is available.

var liveSearch: Boolean
(js)

maxOptions

Maximal number of selected options.

var maxOptions: Int?
(js)

multiple

Determines if multiple value selection is allowed.

var multiple: Boolean
(js)

options

A list of options (value to label pairs) for the select control.

var options: List<StringPair>?
(js)

placeholder

The placeholder for the select control.

var placeholder: String?
(js)

rich

Determines if label can contain HTML code.

var rich: Boolean
(js)

selectWidth

The width of the select control.

var selectWidth: CssSize?
(js)

selectWidthType

The width type of the select control.

var selectWidthType: SelectWidthType?
(js)

style

The style of the select control.

var style: ButtonStyle?
(js)

value

A value of the selected option.

open var value: String?

Functions

(js)

add

Adds given component to the current container.

open fun add(child: Component): SimplePanel
(js)

addAll

Adds a list of components to the current container.

open fun addAll(children: List<Component>): SimplePanel
(js)

blur

Makes the input element blur.

open fun blur(): Unit
(js)

focus

Makes the input element focused.

open fun focus(): Unit
(js)

getChildren

Returns a list of children of the current container.

open fun getChildren(): List<Component>
(js)

getSnClass

Returns list of CSS class names for current widget in the form of a List.

open fun getSnClass(): List<StringBoolPair>
(js)

getState

Get current state.

open fun getState(): String?
(js)

hideOptions

Hides dropdown with options.

open fun hideOptions(): Unit
(js)

remove

Removes given component from the current container.

open fun remove(child: Component): SimplePanel
(js)

removeAll

Removes all children from the current container.

open fun removeAll(): SimplePanel
(js)

removeEventListener

Removes event listener from current widget.

open fun removeEventListener(id: Int): Widget
(js)

removeEventListeners

Removes all event listeners from current widget.

open fun removeEventListeners(): Widget
(js)

setEventListener

Sets an event listener for current widget, keeping the actual type of component.

open fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int
(js)

showOptions

Opens dropdown with options.

open fun showOptions(): Unit
(js)

subscribe

Subscribe for the state change notifications.

open fun subscribe(observer: (String?) -> Unit): () -> Unit
(js)

toggleOptions

Toggles visibility of dropdown with options.

open fun toggleOptions(): Unit

Extension Properties

(js)

changeFlow

Extension property returning Flow for a change event.

val <T : Widget> T.changeFlow: Flow<T>
(js)

clickFlow

Extension property returning Flow for a click event.

val <T : Widget> T.clickFlow: Flow<T>
(js)

inputFlow

Extension property returning Flow for an input event.

val <T : Widget> T.inputFlow: Flow<T>
(js)

stateFlow

Extension property returning StateFlow for an ObservableState.

val <S> ObservableState<S>.stateFlow: StateFlow<S>

Extension Functions

(js)

addBsBgColor

 fun Component.addBsBgColor(bsBgColor: BsBgColor): Unit
(js)

addBsBorder

 fun Component.addBsBorder(vararg bsBorder: BsBorder): Unit
(js)

addBsClearfix

 fun Component.addBsClearfix(): Unit
(js)

addBsColor

 fun Component.addBsColor(bsColor: BsColor): Unit
(js)

addBsRounded

 fun Component.addBsRounded(vararg bsRounded: BsRounded): Unit
(js)

bind

An extension function which binds the widget to the observable state.

fun <S, W : Widget> W.bind(observableState: ObservableState<S>, factory: W.(S) -> Unit): W
(js)

bold

DSL builder extension function.

fun Container.bold(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Bold.() -> Unit)? = null): Bold
(js)

button

DSL builder extension function.

fun Container.button(text: String, icon: String? = null, style: ButtonStyle = ButtonStyle.PRIMARY, type: ButtonType = ButtonType.BUTTON, disabled: Boolean = false, separator: String? = null, labelFirst: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (Button.() -> Unit)? = null): Button
(js)

buttonGroup

DSL builder extension function.

fun Container.buttonGroup(size: ButtonGroupSize? = null, vertical: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ButtonGroup.() -> Unit)? = null): ButtonGroup
(js)

canvas

DSL builder extension function.

fun Container.canvas(canvasWidth: Int? = null, canvasHeight: Int? = null, classes: Set<String>? = null, className: String? = null, init: (Canvas.() -> Unit)? = null): Canvas
(js)

chart

DSL builder extension function.

fun Container.chart(configuration: Configuration, chartWidth: Int? = null, chartHeight: Int? = null, classes: Set<String>? = null, className: String? = null, init: (Chart.() -> Unit)? = null): Chart
(js)

checkBox

DSL builder extension function.

fun Container.checkBox(value: Boolean = false, name: String? = null, label: String? = null, rich: Boolean = false, init: (CheckBox.() -> Unit)? = null): CheckBox
(js)

checkBoxInput

DSL builder extension function.

fun Container.checkBoxInput(value: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (CheckInput.() -> Unit)? = null): CheckBoxInput
(js)

contextMenu

DSL builder extension function.

fun Widget.contextMenu(fixedPosition: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ContextMenu.() -> Unit)? = null): ContextMenu
(js)

customTag

DSL builder extension function.

fun Container.customTag(elementName: String, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, attributes: Map<String, String> = mapOf(), init: (CustomTag.() -> Unit)? = null): CustomTag
(js)

dataContainer

DSL builder extension function.

fun <M, C : Component, CONT : Container> Container.dataContainer(model: MutableList<M>, factory: Container.(M, Int, MutableList<M>) -> C, container: CONT, containerAdd: (CONT.(C, M) -> Unit)? = null, filter: ((M) -> Boolean)? = null, sorter: ((M) -> Comparable<*>?)? = null, sorterType: () -> SorterType = { SorterType.ASC }, init: (DataContainer<M, C, CONT>.() -> Unit)? = null): DataContainer<M, C, CONT>

DSL builder extension function with VPanel default.

fun <M, C : Component> Container.dataContainer(model: MutableList<M>, factory: Container.(M, Int, MutableList<M>) -> C, containerAdd: (VPanel.(C, M) -> Unit)? = null, filter: ((M) -> Boolean)? = null, sorter: ((M) -> Comparable<*>?)? = null, sorterType: () -> SorterType = { SorterType.ASC }, init: (DataContainer<M, C, VPanel>.() -> Unit)? = null): DataContainer<M, C, VPanel>
(js)

dateTime

DSL builder extension function.

fun Container.dateTime(value: Date? = null, name: String? = null, format: String = "YYYY-MM-DD HH:mm", label: String? = null, rich: Boolean = false, init: (DateTime.() -> Unit)? = null): DateTime
(js)

dateTimeInput

DSL builder extension function.

fun Container.dateTimeInput(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", classes: Set<String>? = null, className: String? = null, init: (DateTimeInput.() -> Unit)? = null): DateTimeInput
(js)

div

DSL builder extension function.

fun Container.div(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Div.() -> Unit)? = null): Div
(js)

dockPanel

DSL builder extension function.

fun Container.dockPanel(classes: Set<String>? = null, className: String? = null, init: (DockPanel.() -> Unit)? = null): DockPanel
(js)

dropDown

DSL builder extension function.

fun Container.dropDown(text: String, elements: List<StringPair>? = null, icon: String? = null, style: ButtonStyle = ButtonStyle.PRIMARY, direction: Direction = Direction.DROPDOWN, disabled: Boolean = false, forNavbar: Boolean = false, forDropDown: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (DropDown.() -> Unit)? = null): DropDown
(js)

eventFlow

Extension property returning Flow<Pair<Widget, Event>> for a given event

fun <T : Widget> T.eventFlow(event: String): Flow<Pair<T, Event>>
(js)

fieldLabel

DSL builder extension function.

fun Container.fieldLabel(forId: String, content: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (FieldLabel.() -> Unit)? = null): FieldLabel
(js)

fieldset

DSL builder extension function.

fun Container.fieldset(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Fieldset.() -> Unit)? = null): Fieldset
(js)

fieldsetPanel

DSL builder extension function.

fun Container.fieldsetPanel(legend: String? = null, classes: Set<String>? = null, className: String? = null, init: (FieldsetPanel.() -> Unit)? = null): FieldsetPanel
(js)

flexPanel

DSL builder extension function.

fun Container.flexPanel(direction: FlexDir? = null, wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, alignContent: FlexAlignContent? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (FlexPanel.() -> Unit)? = null): FlexPanel
(js)

footer

DSL builder extension function.

fun Container.footer(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Footer.() -> Unit)? = null): Footer
(js)

form

DSL builder extension function.

fun Container.form(method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, type: FormType? = null, condensed: Boolean = false, horizRatio: FormHorizontalRatio = FormHorizontalRatio.RATIO_2, classes: Set<String>? = null, className: String? = null, init: (FormPanel<Any>.() -> Unit)? = null): FormPanel<Any>
(js)

formPanel

DSL builder extension function.

fun <K : Any> Container.formPanel(method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, type: FormType? = null, condensed: Boolean = false, horizRatio: FormHorizontalRatio = FormHorizontalRatio.RATIO_2, classes: Set<String>? = null, className: String? = null, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, init: (FormPanel<K>.() -> Unit)? = null): FormPanel<K>
(js)

gridPanel

DSL builder extension function.

fun Container.gridPanel(autoColumns: String? = null, autoRows: String? = null, autoFlow: GridFlow? = null, templateColumns: String? = null, templateRows: String? = null, templateAreas: List<String>? = null, columnGap: Int? = null, rowGap: Int? = null, justifyItems: GridJustify? = null, alignItems: GridAlign? = null, justifyContent: GridJustifyContent? = null, alignContent: GridAlignContent? = null, classes: Set<String>? = null, className: String? = null, init: (GridPanel.() -> Unit)? = null): GridPanel
(js)

h1

DSL builder extension function.

fun Container.h1(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H1.() -> Unit)? = null): H1
(js)

h2

DSL builder extension function.

fun Container.h2(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H2.() -> Unit)? = null): H2
(js)

h3

DSL builder extension function.

fun Container.h3(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H3.() -> Unit)? = null): H3
(js)

h4

DSL builder extension function.

fun Container.h4(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H4.() -> Unit)? = null): H4
(js)

h5

DSL builder extension function.

fun Container.h5(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H5.() -> Unit)? = null): H5
(js)

h6

DSL builder extension function.

fun Container.h6(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H6.() -> Unit)? = null): H6
(js)

header

DSL builder extension function.

fun Container.header(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Header.() -> Unit)? = null): Header
(js)

hPanel

DSL builder extension function.

fun Container.hPanel(wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (HPanel.() -> Unit)? = null): HPanel
(js)

icon

DSL builder extension function.

fun Container.icon(icon: String, init: (Icon.() -> Unit)? = null): Icon
(js)

iframe

DSL builder extension function.

fun Container.iframe(src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null, iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, classes: Set<String>? = null, className: String? = null, init: (Iframe.() -> Unit)? = null): Iframe
(js)

image

DSL builder extension function.

fun Container.image(src: ResString?, alt: String? = null, responsive: Boolean = false, shape: ImageShape? = null, centered: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Image.() -> Unit)? = null): Image
(js)

li

DSL builder extension function.

fun Container.li(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Li.() -> Unit)? = null): Li
(js)

link

DSL builder extension function.

fun Container.link(label: String, url: String? = null, icon: String? = null, image: ResString? = null, separator: String? = null, labelFirst: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (Link.() -> Unit)? = null): Link
(js)

listTag

DSL builder extension function.

fun Container.listTag(type: ListType, elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ListTag.() -> Unit)? = null): ListTag
(js)

main

DSL builder extension function.

fun Container.main(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Main.() -> Unit)? = null): Main
(js)

maps

DSL builder extension function.

fun Container.maps(lat: Number, lng: Number, zoom: Number, showMarker: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Maps.() -> Unit)? = null): Maps
(js)

nav

DSL builder extension function.

fun Container.nav(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Nav.() -> Unit)? = null): Nav
(js)

navbar

DSL builder extension function.

fun Container.navbar(label: String? = null, link: String? = null, type: NavbarType? = null, expand: NavbarExpand? = NavbarExpand.LG, nColor: NavbarColor = NavbarColor.LIGHT, bgColor: BsBgColor = BsBgColor.LIGHT, collapseOnClick: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Navbar.() -> Unit)? = null): Navbar
(js)

ol

DSL builder extension function.

fun Container.ol(elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Ol.() -> Unit)? = null): Ol
(js)

onClick

An extension function for defining on click event handlers.

fun <T : Widget> T.onClick(handler: T.(MouseEvent) -> Unit): Int
(js)

onEvent

An extension function for defining event handlers.

fun <T : Widget> T.onEvent(block: SnOn<T>.() -> Unit): Int
(js)

p

DSL builder extension function.

fun Container.p(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (P.() -> Unit)? = null): P
(js)

password

DSL builder extension function.

fun Container.password(value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Password.() -> Unit)? = null): Password
(js)

progressBar

DSL builder extension function.

fun Container.progressBar(progress: Int, min: Int = DEFAULT_MIN, max: Int = DEFAULT_MAX, style: ProgressBarStyle? = null, striped: Boolean = false, animated: Boolean = false, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (ProgressBar.() -> Unit)? = null): ProgressBar
(js)

radio

DSL builder extension function.

fun Container.radio(value: Boolean = false, extraValue: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Radio.() -> Unit)? = null): Radio
(js)

radioGroup

DSL builder extension function.

fun Container.radioGroup(options: List<StringPair>? = null, value: String? = null, name: String? = null, inline: Boolean = false, label: String? = null, rich: Boolean = false, init: (RadioGroup.() -> Unit)? = null): RadioGroup
(js)

radioGroupInput

DSL builder extension function.

fun Container.radioGroupInput(options: List<StringPair>? = null, value: String? = null, name: String? = null, inline: Boolean = false, init: (RadioGroupInput.() -> Unit)? = null): RadioGroupInput
(js)

radioInput

DSL builder extension function.

fun Container.radioInput(value: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (CheckInput.() -> Unit)? = null): RadioInput
(js)

range

DSL builder extension function.

fun Container.range(value: Number? = null, name: String? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, label: String? = null, rich: Boolean = false, init: (Range.() -> Unit)? = null): Range
(js)

rangeInput

DSL builder extension function.

fun Container.rangeInput(value: Number? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, classes: Set<String>? = null, className: String? = null, init: (RangeInput.() -> Unit)? = null): RangeInput
(js)

react

DSL builder extension function.

fun <S> Container.react(state: S, classes: Set<String>? = null, className: String? = null, builder: RBuilder.(getState: () -> S, changeState: ((S) -> S) -> Unit) -> Unit): React<S>
fun Container.react(classes: Set<String>? = null, className: String? = null, builder: RBuilder.() -> Unit): React<dynamic>
(js)

removeBsBgColor

 fun Component.removeBsBgColor(bsBgColor: BsBgColor): Unit
(js)

removeBsBorder

 fun Component.removeBsBorder(vararg bsBorder: BsBorder): Unit
(js)

removeBsClearfix

 fun Component.removeBsClearfix(): Unit
(js)

removeBsColor

 fun Component.removeBsColor(bsColor: BsColor): Unit
(js)

removeBsRounded

 fun Component.removeBsRounded(vararg bsRounded: BsRounded): Unit
(js)

responsiveGridPanel

DSL builder extension function.

fun Container.responsiveGridPanel(gridSize: GridSize = GridSize.MD, rows: Int = 0, cols: Int = 0, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (ResponsiveGridPanel.() -> Unit)? = null): ResponsiveGridPanel
(js)

richText

DSL builder extension function.

fun Container.richText(value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (RichText.() -> Unit)? = null): RichText
(js)

richTextInput

DSL builder extension function.

fun Container.richTextInput(value: String? = null, classes: Set<String>? = null, className: String? = null, init: (RichTextInput.() -> Unit)? = null): RichTextInput
(js)

section

DSL builder extension function.

fun Container.section(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Section.() -> Unit)? = null): Section
(js)

select

DSL builder extension function.

fun Container.select(options: List<StringPair>? = null, value: String? = null, name: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, label: String? = null, rich: Boolean = false, init: (Select.() -> Unit)? = null): Select
(js)

selectInput

DSL builder extension function.

fun Container.selectInput(options: List<StringPair>? = null, value: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, classes: Set<String>? = null, className: String? = null, init: (SelectInput.() -> Unit)? = null): SelectInput
(js)

selectOptGroup

DSL builder extension function.

fun Select.selectOptGroup(label: String, options: List<StringPair>? = null, maxOptions: Int? = null, disabled: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SelectOptGroup.() -> Unit)? = null): SelectOptGroup
(js)

selectOption

DSL builder extension function.

fun Select.selectOption(value: String? = null, label: String? = null, subtext: String? = null, icon: String? = null, divider: Boolean = false, disabled: Boolean = false, selected: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SelectOption.() -> Unit)? = null): SelectOption
(js)

selectRemote

DSL builder extension function.

fun <T : Any> Container.selectRemote(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?, String?) -> List<RemoteOption>, stateFunction: (() -> String)? = null, value: String? = null, name: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, preload: Boolean = false, label: String? = null, rich: Boolean = false, init: (SelectRemote<T>.() -> Unit)? = null): SelectRemote<T>
(js)

selectRemoteInput

DSL builder extension function.

fun <T : Any> Container.selectRemoteInput(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?, String?) -> List<RemoteOption>, stateFunction: (() -> String)? = null, value: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, preload: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SelectRemoteInput<T>.() -> Unit)? = null): SelectRemoteInput<T>
(js)

setContextMenu

Sets context menu for the current widget.

fun Widget.setContextMenu(contextMenu: ContextMenu): Widget
(js)

simplePanel

DSL builder extension function.

fun Container.simplePanel(classes: Set<String>? = null, className: String? = null, init: (SimplePanel.() -> Unit)? = null): SimplePanel
(js)

simpleSelect

DSL builder extension function.

fun Container.simpleSelect(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, name: String? = null, label: String? = null, rich: Boolean = false, init: (SimpleSelect.() -> Unit)? = null): SimpleSelect
(js)

simpleSelectInput

DSL builder extension function.

fun Container.simpleSelectInput(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SimpleSelectInput.() -> Unit)? = null): SimpleSelectInput
(js)

span

DSL builder extension function.

fun Container.span(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Span.() -> Unit)? = null): Span
(js)

spinner

DSL builder extension function.

fun Container.spinner(value: Number? = null, name: String? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, decimals: Int = 0, buttonsType: ButtonsType = ButtonsType.VERTICAL, forceType: ForceType = ForceType.NONE, buttonStyle: ButtonStyle? = null, label: String? = null, rich: Boolean = false, init: (Spinner.() -> Unit)? = null): Spinner
(js)

spinnerInput

DSL builder extension function.

fun Container.spinnerInput(value: Number? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, decimals: Int = 0, buttonsType: ButtonsType = ButtonsType.VERTICAL, forceType: ForceType = ForceType.NONE, buttonStyle: ButtonStyle? = null, classes: Set<String>? = null, className: String? = null, init: (SpinnerInput.() -> Unit)? = null): SpinnerInput
(js)

splitPanel

DSL builder extension function.

fun Container.splitPanel(direction: Direction = Direction.VERTICAL, classes: Set<String>? = null, className: String? = null, init: (SplitPanel.() -> Unit)? = null): SplitPanel
(js)

stackPanel

DSL builder extension function.

fun Container.stackPanel(activateLast: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (StackPanel.() -> Unit)? = null): StackPanel
(js)

stateBinding

DSL builder extension function.

fun <S : Any, CONT : Container> CONT.stateBinding(observableState: ObservableState<S>, factory: CONT.(S) -> Unit): StateBinding<S, CONT, Unit>
(js)

stateUpdate

DSL builder extension function for updateable redux content.

fun <S : Any, CONT : Container, CONTENT> CONT.stateUpdate(observableState: ObservableState<S>, factory: CONT.(S) -> CONTENT): Updateable<S, CONTENT>
(js)

style

DSL builder extension function.

fun Widget.style(className: String? = null, init: (Style.() -> Unit)? = null): Style
(js)

table

DSL builder extension function.

fun Container.table(headerNames: List<String>? = null, types: Set<TableType> = setOf(), caption: String? = null, responsiveType: ResponsiveType? = null, theadType: TheadType? = null, classes: Set<String>? = null, className: String? = null, init: (Table.() -> Unit)? = null): Table
(js)

tabPanel

DSL builder extension function.

fun Container.tabPanel(tabPosition: TabPosition = TabPosition.TOP, sideTabSize: SideTabSize = SideTabSize.SIZE_3, scrollableTabs: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (TabPanel.() -> Unit)? = null): TabPanel
(js)

tabulator

DSL builder extension function.

fun <T : Any> Container.tabulator(data: List<T>? = null, dataUpdateOnEdit: Boolean = true, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>

DSL builder extension function for a general observable store.

fun <T : Any, S : Any> Container.tabulator(store: ObservableState<S>, dataFactory: (S) -> List<T>, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>

DSL builder extension function for dynamic data (send within options parameter).

fun <T : Any> Container.tabulator(options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>
(js)

tabulatorRemote

DSL builder extension function.

fun <T : Any, E : Any> Container.tabulatorRemote(serviceManager: KVServiceManager<E>, function: suspend E.(Int?, Int?, List<RemoteFilter>?, List<RemoteSorter>?, String?) -> RemoteData<T>, stateFunction: (() -> String)? = null, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (TabulatorRemote<T, E>.() -> Unit)? = null): TabulatorRemote<T, E>
(js)

tag

DSL builder extension function.

fun Container.tag(type: TAG, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, attributes: Map<String, String> = mapOf(), init: (Tag.() -> Unit)? = null): Tag
(js)

text

DSL builder extension function.

fun Container.text(type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Text.() -> Unit)? = null): Text
(js)

textArea

DSL builder extension function.

fun Container.textArea(cols: Int? = null, rows: Int? = null, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (TextArea.() -> Unit)? = null): TextArea
(js)

textAreaInput

DSL builder extension function.

fun Container.textAreaInput(cols: Int? = null, rows: Int? = null, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TextAreaInput.() -> Unit)? = null): TextAreaInput
(js)

textInput

DSL builder extension function.

fun Container.textInput(type: TextInputType = TextInputType.TEXT, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TextInput.() -> Unit)? = null): TextInput
(js)

textNode

DSL builder extension function.

fun Container.textNode(content: String, rich: Boolean = false, init: (TextNode.() -> Unit)? = null): TextNode
(js)

toolbar

DSL builder extension function.

fun Container.toolbar(size: ButtonGroupSize? = null, spacing: Int = 2, vertical: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Toolbar.() -> Unit)? = null): Toolbar
(js)

typeahead

DSL builder extension function.

fun Container.typeahead(options: List<String>? = null, taAjaxOptions: TaAjaxOptions? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Typeahead.() -> Unit)? = null): Typeahead
(js)

typeaheadInput

DSL builder extension function.

fun Container.typeaheadInput(options: List<String>? = null, taAjaxOptions: TaAjaxOptions? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TypeaheadInput.() -> Unit)? = null): TypeaheadInput
(js)

typeaheadRemote

DSL builder extension function.

fun <T : Any> Container.typeaheadRemote(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?) -> List<String>, stateFunction: (() -> String)? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (TypeaheadRemote<T>.() -> Unit)? = null): TypeaheadRemote<T>
(js)

typeaheadRemoteInput

DSL builder extension function.

fun <T : Any> Container.typeaheadRemoteInput(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?) -> List<String>, stateFunction: (() -> String)? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, taAjaxOptions: TaAjaxOptions? = null, classes: Set<String>? = null, className: String? = null, init: (TypeaheadRemoteInput<T>.() -> Unit)? = null): TypeaheadRemoteInput<T>
(js)

ul

DSL builder extension function.

fun Container.ul(elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Ul.() -> Unit)? = null): Ul
(js)

upload

DSL builder extension function.

fun Container.upload(uploadUrl: String? = null, multiple: Boolean = false, label: String? = null, rich: Boolean = false, init: (Upload.() -> Unit)? = null): Upload
(js)

uploadInput

DSL builder extension function.

fun Container.uploadInput(uploadUrl: String? = null, multiple: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (UploadInput.() -> Unit)? = null): UploadInput
(js)

vPanel

DSL builder extension function.

fun Container.vPanel(justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (VPanel.() -> Unit)? = null): VPanel
(js)

widget

DSL builder extension function.

fun Container.widget(classes: Set<String>? = null, className: String? = null, init: (Widget.() -> Unit)? = null): Widget
(js)

widgetWrapper

DSL builder extension function.

fun Container.widgetWrapper(wrapped: Component?, classes: Set<String>? = null, className: String? = null, init: (WidgetWrapper.() -> Unit)? = null): WidgetWrapper
(js)

window

DSL builder extension function.

fun Container.window(caption: String? = null, contentWidth: CssSize? = CssSize(0, UNIT.auto), contentHeight: CssSize? = CssSize(0, UNIT.auto), isResizable: Boolean = true, isDraggable: Boolean = true, closeButton: Boolean = false, maximizeButton: Boolean = false, minimizeButton: Boolean = false, icon: String? = null, classes: Set<String>? = null, className: String? = null, init: (Window.() -> Unit)? = null): Window