j-ListBox

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Nieuw - donkere mode
Werk met Bootstrap

Configuratie:

required {Boolean} maakt required mogelijk (default: false)
items {String} statische items key1|value1, key2 with value, key3|value
type {String} kan number zijn (convert String waarden naar Number)
datasource {String} pad naar gegevensbron (must worden opgenomen)
text {String} bepaalt een eigendomsnaam voor tekst (in gegevensbron), standaard: name
value {String} bepaalt een eigendomsnaam voor waarde (in gegevensbron) standaard: id
empty {String} voegt een leeg veld toe
disabled {Boolean} dekt deze component
search {String} maakt het zoekbalk met deze waarde mogelijk als plaatshouder
height {Nummer/String} hoogte (default: 200), string kan parent, window of .parent_selector bevatten
multiple {Boolean} true verwacht Array in path (default: false)
exec {String} een link naar de functie die wordt uitgevoerd wanneer de gebruiker op het item klikt

Gebruik het met <ui-component name="listbox">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

example.html

<div style="width:400px">
	<ui-component name="listbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|8;type:number"></ui-component>
</div>

<script>
	var items = 3;
</script>