j-Dropdown

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

Konfigurera:

required {Boolean} (alternativt) möjliggör ”nödvändigt” (default: false)
items {String} (alternativ) statiska objekt key1|value1, key2 with value, key3|value
icon {String} (alternativ) ikon för etikett t.ex. home, cog, etc.
label {String} (alternativt) etikett (default är HTML-innehåll)
type {String} (alternativ) kan vara number (konverterar String värden till Number)
datasource {String} väg till datakälla (must be array)
text {String} bestämmer ett äganderamn för text (i datakälla), standard: name
value {String} bestämmer ett egendomnamn för värde (i datakälla) standard: id
empty {String} (alternativt) lägger till ett tomt fält
disabled {Boolean} (alternativt) inaktiverar denna komponent
if {String} (alternativ) pilfunktion som ett villkor för filtrering av datakälla, exempel: if:n => !n.removed

Använd den med <ui-component name="dropdown">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

<div style="width:400px">
	<ui-component name="dropdown" path="form.idcategory" config="datasource:datasource;empty:;required:true;type:number;icon:navicon">Category</ui-component>
	<br />
	<ui-component name="dropdown" path="form.idinline" config="items:,A|1,B|2,C|3">Inline options</ui-component>
</div>

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