j-Dropdown

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

konfiguráció:

required {Boolean} (választékos) lehetővé teszi a „követelt” (default: false)
items {String} (opcionális) statikus elemek key1|value1, key2 with value, key3|value
icon {String} (opcionális) ikon a címkékhez, például home, cog, stb.
label {String} (opcionális) címke (az alapértelmezett HTML tartalom)
type {String} (választható) lehet number (a String értékek átalakítása a Number)
datasource {String} út az adatforráshoz (meg kell állítani)
A text {String} meghatározza a szöveg tulajdonságának nevét (adatforrásban), alapértelmezett: name
A value {String} meghatározza az értéket (adatforrás) alapértelmezett: id
empty {String} (opcionális) üres mezőt ad
disabled {Boolean} (opcionális) kiküszöböli ezt az összetevőt
if {String} (opcionális) tű funkció, mint az adatforrás szűrésének feltétele, például: if:n => !n.removed

Használja a <ui-component name="dropdown">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>