<HTML> <HEAD> <meta charset="UTF-8"> <title>SelectInput - kvision</title> <link rel="stylesheet" href="../../../style.css"> </HEAD> <BODY> <a href="../../index.html">kvision</a> / <a href="../index.html">pl.treksoft.kvision.form.select</a> / <a href="./index.html">SelectInput</a><br/> <br/> <h1>SelectInput</h1> <code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">SelectInput</span> <span class="symbol">:</span> <a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>The basic component for Select control.</p> <p>The select control can be populated directly from <em>options</em> parameter or manually by adding <a href="../-select-option/index.html">SelectOption</a> or <a href="../-select-opt-group/index.html">SelectOptGroup</a> components to the container.</p> <h3>Constructors</h3> <table> <tbody> <tr> <td> <p><a href="-init-.html"><init></a></p> </td> <td> <code><span class="identifier">SelectInput</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$<init>(kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)))/options">options</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">></span><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$<init>(kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)))/value">value</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$<init>(kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)))/multiple">multiple</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a> <span class="symbol">=</span> false<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$<init>(kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)))/ajaxOptions">ajaxOptions</span><span class="symbol">:</span> <a href="../-ajax-options/index.html"><span class="identifier">AjaxOptions</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$<init>(kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)))/classes">classes</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol"><</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">></span> <span class="symbol">=</span> setOf()<span class="symbol">)</span></code></td> </tr> </tbody> </table> <h3>Properties</h3> <table> <tbody> <tr> <td> <p><a href="ajax-options.html">ajaxOptions</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">ajaxOptions</span><span class="symbol">: </span><a href="../-ajax-options/index.html"><span class="identifier">AjaxOptions</span></a><span class="symbol">?</span></code> <p>Additional options for remote (AJAX) data source.</p> </td> </tr> <tr> <td> <p><a href="autofocus.html">autofocus</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">autofocus</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a><span class="symbol">?</span></code> <p>Determines if the select is automatically focused.</p> </td> </tr> <tr> <td> <p><a href="disabled.html">disabled</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">disabled</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a></code> <p>Determines if the field is disabled.</p> </td> </tr> <tr> <td> <p><a href="empty-option.html">emptyOption</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">emptyOption</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a></code> <p>Determines if an empty option is automatically generated.</p> </td> </tr> <tr> <td> <p><a href="live-search.html">liveSearch</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">liveSearch</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a></code> <p>Determines if live search is available.</p> </td> </tr> <tr> <td> <p><a href="max-options.html">maxOptions</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">maxOptions</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code> <p>Maximal number of selected options.</p> </td> </tr> <tr> <td> <p><a href="multiple.html">multiple</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">multiple</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a></code> <p>Determines if multiple value selection is allowed.</p> </td> </tr> <tr> <td> <p><a href="name.html">name</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">name</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code> <p>The name attribute of the generated HTML select element.</p> </td> </tr> <tr> <td> <p><a href="placeholder.html">placeholder</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">placeholder</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code> <p>The placeholder for the select control.</p> </td> </tr> <tr> <td> <p><a href="select-width.html">selectWidth</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">selectWidth</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.core/-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>The width of the select control.</p> </td> </tr> <tr> <td> <p><a href="select-width-type.html">selectWidthType</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">selectWidthType</span><span class="symbol">: </span><a href="../-select-width-type/index.html"><span class="identifier">SelectWidthType</span></a><span class="symbol">?</span></code> <p>The width type of the select control.</p> </td> </tr> <tr> <td> <p><a href="size.html">size</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">size</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.form/-input-size/index.html"><span class="identifier">InputSize</span></a><span class="symbol">?</span></code> <p>The size of the input.</p> </td> </tr> <tr> <td> <p><a href="style.html">style</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">style</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.html/-button-style/index.html"><span class="identifier">ButtonStyle</span></a><span class="symbol">?</span></code> <p>The style of the select control.</p> </td> </tr> <tr> <td> <p><a href="value.html">value</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">value</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code> <p>A value of the selected option.</p> </td> </tr> </tbody> </table> <h3>Functions</h3> <table> <tbody> <tr> <td> <p><a href="add.html">add</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">add</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$add(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Adds given component to the current container.</p> </td> </tr> <tr> <td> <p><a href="add-all.html">addAll</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">addAll</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$addAll(kotlin.collections.List((pl.treksoft.kvision.core.Component)))/children">children</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">></span><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Adds a list of components to the current container.</p> </td> </tr> <tr> <td> <p><a href="after-insert.html">afterInsert</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">afterInsert</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$afterInsert(com.github.snabbdom.VNode)/node">node</span><span class="symbol">:</span> <span class="identifier">VNode</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code> <p>Method called after inserting Snabbdom vnode into the DOM.</p> </td> </tr> <tr> <td> <p><a href="get-sn-attrs.html">getSnAttrs</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnAttrs</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">></span></code> <p>Returns list of element attributes in the form of a List.</p> </td> </tr> <tr> <td> <p><a href="get-sn-class.html">getSnClass</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnClass</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-string-bool-pair.html"><span class="identifier">StringBoolPair</span></a><span class="symbol">></span></code> <p>Returns list of CSS class names for current widget in the form of a List.</p> </td> </tr> <tr> <td> <p><a href="hide-options.html">hideOptions</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">hideOptions</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code> <p>Hides dropdown with options.</p> </td> </tr> <tr> <td> <p><a href="remove.html">remove</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">remove</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput$remove(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Removes given component from the current container.</p> </td> </tr> <tr> <td> <p><a href="remove-all.html">removeAll</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">removeAll</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Removes all children from the current container.</p> </td> </tr> <tr> <td> <p><a href="render.html">render</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">render</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><span class="identifier">VNode</span></code> <p>Renders current component as a Snabbdom vnode.</p> </td> </tr> <tr> <td> <p><a href="show-options.html">showOptions</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">showOptions</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code> <p>Opens dropdown with options.</p> </td> </tr> <tr> <td> <p><a href="toggle-options.html">toggleOptions</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">toggleOptions</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code> <p>Toggles visibility of dropdown with options.</p> </td> </tr> </tbody> </table> <h3>Inherited Functions</h3> <table> <tbody> <tr> <td> <p><a href="../../pl.treksoft.kvision.panel/-simple-panel/add-internal.html">addInternal</a></p> </td> <td> <code><span class="keyword">fun </span><span class="identifier">addInternal</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.SimplePanel$addInternal(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.panel/-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Protected and final method to add given component to the current container.</p> </td> </tr> <tr> <td> <p><a href="../../pl.treksoft.kvision.panel/-simple-panel/children-v-nodes.html">childrenVNodes</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">childrenVNodes</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-array/index.html"><span class="identifier">Array</span></a><span class="symbol"><</span><span class="identifier">VNode</span><span class="symbol">></span></code> <p>Returns the array of the children Snabbdom vnodes.</p> </td> </tr> <tr> <td> <p><a href="../../pl.treksoft.kvision.panel/-simple-panel/get-children.html">getChildren</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getChildren</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">></span></code> <p>Returns a list of children of the current container.</p> </td> </tr> </tbody> </table> <h3>Companion Object Functions</h3> <table> <tbody> <tr> <td> <p><a href="select-input.html">selectInput</a></p> </td> <td> <code><span class="keyword">fun </span><a href="../../pl.treksoft.kvision.core/-container/index.html"><span class="identifier">Container</span></a><span class="symbol">.</span><span class="identifier">selectInput</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/options">options</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">></span><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/value">value</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/multiple">multiple</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a> <span class="symbol">=</span> false<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/ajaxOptions">ajaxOptions</span><span class="symbol">:</span> <a href="../-ajax-options/index.html"><span class="identifier">AjaxOptions</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/classes">classes</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol"><</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">></span> <span class="symbol">=</span> setOf()<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.form.select.SelectInput.Companion$selectInput(pl.treksoft.kvision.core.Container, kotlin.collections.List((kotlin.Pair((kotlin.String, )))), kotlin.String, kotlin.Boolean, pl.treksoft.kvision.form.select.AjaxOptions, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.form.select.SelectInput, kotlin.Unit)))/init">init</span><span class="symbol">:</span> <a href="./index.html"><span class="identifier">SelectInput</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span> <span class="symbol">-></span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a> <span class="symbol">=</span> null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">SelectInput</span></a></code> <p>DSL builder extension function.</p> </td> </tr> </tbody> </table> </BODY> </HTML>