j-DropdownList

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Konfiguration:

required {Boolean} aktiviert die Validierung (Standard: false)
datasource {String} ein Link zum path {Array} oder inline definierten Elementen key1|value1,key2 with value,key3|value
limit {Number} eine maximale Anzahl ausgewählter Elemente (Standard: 0 deaktiviert)
disabled {Boolean} deaktiviert die Komponente
Platzhalter dirplaceholder {String} für j-Directory
dirsearch {Boolean} deaktiviert die Suche in j-Directory (Standard: false)
check {Boolean} vergleicht ausgewählte Werte mit der Datenquelle (Standard: false)

Verwenden Sie es mit <ui-component name="dropdownlist">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>