j-ListBox

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

NOUVEAU mode sombre
Fonctionne avec Bootstrap

Configuration :

required {Boolean} active required (par défaut : false)
items {String} éléments statiques key1|value1, key2 with value, key3|value
type {String} peut être number (convertit les valeurs String en Number)
Chemin datasource {String} vers la source de données (doit être un tableau)
text {String} détermine un nom de propriété pour le texte (dans la source de données), par défaut : name
value {String} détermine un nom de propriété pour la valeur (dans la source de données) par défaut : id
empty {String} ajoute un champ vide
disabled {Boolean} désactive ce composant
search {String} active le champ de recherche avec cette valeur comme espace réservé
Hauteur height {Number/String} (par défaut : 200), string peut contenir parent, window ou .parent_selector
multiple {Booléen} true attend Array dans path (par défaut : false)
exec {String} un lien vers une fonction qui est exécutée lorsque l'utilisateur clique sur l'élément

Utilisez-le avec <ui-component name="listbox">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html

<div style="width:400px">
	<ui-component name="listbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|8;type:number"></ui-component>
</div>

<script>
	var items = 3;
</script>