j-DropdownList

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Konfigurera:

required {Boolean} möjliggör validering (default: false)
datasource {String} en länk till path {Array} eller inline definierade objekt key1|value1,key2 with value,key3|value
limit {Number} ett maximalt antal valda objekt (default: 0 inaktiverad)
disabled {Boolean} Inaktiverad komponent
dirplaceholder {String} platsinnehållare för j-Directory
dirsearch {Boolean} avbryter sökning i j-Directory (default: false)
check {Boolean} jämför valda värden med datakällan (default: false)

Använd den med <ui-component name="dropdownlist">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>