j-SelectBox

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

Configuratie:

required {Boolean} (optional) maakt required mogelijk (default: false)
items {String} (optional) statische items key1|value1, key2 with value, key3|value
type {String} (optional) kan number zijn (convert String waarden naar Number)
datasource {String} route naar de 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} (optional) voegt een leeg veld toe
disabled {Boolean} (optional) dekt deze component uit
search {String} (optional) toelaat zoektocht met deze waarde als plaatshouder
height {Number} (optional) hoogte (default: 200)
if {String} (optional) pijlfunctie als voorwaarde voor het filteren van gegevensbron, bijvoorbeeld: if:n => !n.removed
NEW raw {Boolean} (optional) toestaat dat grondige HTML als tekst wordt gerendateerd (default: false)

Gebruik het met <ui-component name="selectbox">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="selectbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|0;type:number"></ui-component>
</div>

<script>
	var items = [2, 5];
</script>