j-DropdownCheckbox

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

NEW prend désormais en charge le mode sombre

Configuration :

required {Boolean} (facultatif) active "obligatoire" (par défaut : false)
items {String} (facultatif) éléments statiques key1|value1, key2 with value, key3|value
Icône icon {String} (facultatif) pour l'étiquette sans ti-, par ex. home, cog, etc.
Icône de vérification checkicon {String} (facultatif) sans ti-, (par défaut : check).
Libellé label {String} (facultatif) (la valeur par défaut est le contenu HTML)
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
disabled {Boolean} (facultatif) désactive ce composant
cleaner {Boolean} (facultatif) supprime les valeurs inexistantes (par défaut : true)
limit {Number} (facultatif) définit une limite pour les éléments sélectionnés (par défaut : 0)
visible {Number} (facultatif) définit un nombre maximum d'éléments visibles, puis affiche X selected (par défaut : 0)
selectedtext {String} (facultatif) définit un message pour le maximum d'éléments visibles, par ex. {0} selected from {1} (par défaut : {0} selected)
alltext {String} (facultatif) lorsque tous les éléments sont sélectionnés, ceci est affiché (par défaut : All selected, vous pouvez le désactiver avec null)
placeholder {String} (facultatif) définit un texte pour l'espace réservé

Utilisez-le avec <ui-component name="dropdowncheckbox">. 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:200px">
	<ui-component name="dropdowncheckbox" path="selected" config="required:true;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
<div style="width:200px;margin-top:30px">
	<ui-component name="dropdowncheckbox" path="selected2" config="placeholder:Placeholder;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>