core/de.peekandpoke.kraft.addons.semanticui.forms.old.select/SelectFieldComponent/Config

Config

class Config<T>(var value: T, val onChange: (T) -> Unit)

Constructors

Config

constructor(value: T, onChange: (T) -> Unit)

Functions

accepts

fun accepts(rule: Rule<T>, vararg rules: Rule<T>)

Adds a validation rule

autoSuggest

fun autoSuggest(suggest: AutoSuggestFn<T>)

Sets the callback that provides auto-suggest options

compareBy

fun compareBy(compare: (t1: T, t2: T) -> Boolean)

Sets the comparator

compareByClass

fun compareByClass()

Compares two items by their class

css

fun css(block: CssBuilder.() -> Unit)

Sets the css the select field

inverted

fun inverted(inverted: Boolean = true)

Sets the style to be inverted or not.

label

fun label(rendered: LABEL.() -> Unit): SelectFieldComponent.Config<T>

Sets the label as a render function

fun label(labelStr: String): SelectFieldComponent.Config<T>

Sets the label

option

fun option(realValue: T, display: FlowContent.() -> Unit)

fun option(realValue: T, formValue: String)

fun option(realValue: T, formValue: String, display: FlowContent.() -> Unit)

fun option(realValue: T, formValue: String, display: String)

Adds an option

option

fun SelectFieldComponent.Config<String>.option(realValue: String)

placeholder

fun placeholder(placeholder: HTMLTag.() -> Unit)

fun placeholder(placeholder: String)

Sets the placeholder

searchableBy

fun searchableBy(filter: OptionFilterFn<T>)

Sets the filter by which the options are filtered

Properties

asProps

val asProps: SelectFieldComponent.Props<T>

autoSuggest

var autoSuggest: AutoSuggestFn<T>?

When set, the field will be rendered as a searchable auto-suggest field

compareBy

var compareBy: (t1: T, t2: T) -> Boolean

Defines the method how to check if two elements are equal

css

var css: CssBuilder?

The css set for the select field

fromStr

val fromStr: (str: String) -> T

Converts a string back to the real value of an option

inverted

var inverted: Boolean

When true the field is rendered inverted

label

var label: LABEL.() -> Unit?

The label renderer of the field

onChange

val onChange: (T) -> Unit

options

val options: MutableList<SelectFieldComponent.Option<T>>

The options of the select field

placeholder

var placeholder: HTMLTag.() -> Unit?

Renderer for a placeholder option

rules

val rules: MutableList<Rule<T>>

The validation rules

searchableBy

var searchableBy: OptionFilterFn<T>?

When set, the field will be rendered as a searchable field

value

var value: T