j-DropdownList

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

Configuratie:

required {Boolean} maakt validatie mogelijk (default: false)
datasource {String} een link naar de path {Array} of inline gedefinieerde items key1|value1,key2 with value,key3|value
limit {Number} een maximum aantal geselecteerde items (default: 0 ontbreekt)
disabled {Boolean} ontbrekende component
dirplaceholder {String} plaatshouder voor j-Directory
dirsearch {Boolean} is niet in staat om te zoeken in j-Directory (default: false)
check {Boolean} vergelijkt geselecteerde waarden met gegevensbron (default: false)

Gebruik het met <ui-component name="dropdownlist">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

<ui-component name="LAZY directory" config="placeholder:Search"></ui-component>

<div style="width:400px">
	<ui-component name="dropdownlist" path="form.categoryid" config="datasource:datasource;required:true">Category</ui-component>
	<br />
	<ui-component name="dropdownlist" path="form.inlineid" config="datasource:a|A,b|B,c|C">Inline options</ui-component>
</div>

<script>
	var datasource = [{ name: 'A', id: 1 }, { name: 'B', id: 2 }, { name: 'C', id: 3 }];
	var form = {};
</script>