j-Dropdown

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Configurazione:

required {Boolean} (opzionale) consente "necessario" (default: false)
items {String} (opzionale) oggetti statici key1|value1, key2 with value, key3|value
icon {String} (opzionale) iconico per etichette, ad esempio home, cog, ecc.
label {String} (opzionale) etichetta (default è il contenuto HTML)
type {String} (opzionale) può essere number (converte i valori di String a Number)
datasource {String} percorso verso la fonte di dati (deve essere array)
text {String} determina un nome di proprietà per il testo (in fonte dati), predefinito: name
value {String} determina un nome di proprietà per valore (in fonte dati) default: id
empty {String} (opzionale) aggiunge un campo vuoto
disabled {Boolean} (opzionale) disabilita questo componente
if {String} (opzionale) funzione di pistola come condizione per la filtrazione della fonte di dati, esempio: if:n => !n.removed

Utilizzare con <ui-component name="dropdown">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>