j-Dropdown

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Konfigurácia:

required {Boolean} (voliteľné) povolí "povinné" (predvolené: false)
items {String} (voliteľné) statické položky key1|value1, key2 with value, key3|value
icon {String} (voliteľná) ikona pre štítok napr. home, cog, atď.
label {String} (voliteľná) značka (predvolená je obsah HTML)
type {String} (voliteľné) môže byť number (prevedie hodnoty String na Number)
datasource {String} cesta k zdroju údajov (musí byť pole)
text {String} určuje názov vlastnosti pre text (v zdroji údajov), predvolené: name
value {String} určuje názov vlastnosti pre hodnotu (v zdroji údajov), predvolená hodnota: id
empty {String} (voliteľné) pridá prázdne pole
disabled {Boolean} (voliteľné) deaktivuje tento komponent
if {String} (voliteľné) funkcia šípky ako podmienka pre filtrovanie zdroja údajov, príklad: if:n => !n.removed

Použite ho so <ui-component name="dropdown">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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>