j-Parameters

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

Cette composante peut changer les paramètres internes.

Configuration :

dateformat {String} optionnel, un format de date (défaut: yyyy-MM-dd)
search {String} optionnel, place-hauteur pour les entrées de recherche (defaut: Search)
height {Number} optionnel, une hauteur de l'élément (defaut: undefined)
parent {String} optionnel, jQuery sélecteur pour la configuration automatique de hauteur (pour être window, parent ou custom)
hidetype {Boolean} optionnel, type caché (defaut: false)
margin {Number} optionnel, marge verticale (défaut : 0)

Déclaration de données :

var form = [];
form.push({ name: 'user.firstname', label: 'First name', type: 'string', value: 'Peter Sirka' });
form.push({ name: 'user.age', type: 'number', value: 33, min: 18, max: 50 });
form.push({ name: 'user.birth', type: 'date', value: NOW });
form.push({ name: 'user.newsletter', type: 'boolean', value: true });

Les types autorisés dans les données:

string
boolean
number
date

Utilisez-le avec <ui-component name="parameters">. 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

<ui-component name="parameters" path="form" config="height:200"></ui-component>

<script>
	var form = [];
	form.push({ name: 'user.firstname', type: 'string', value: 'Peter' });
	form.push({ name: 'user.lastname', type: 'string', placeholder: 'String' });
	form.push({ name: 'user.age', type: 'number', value: 33 });
	form.push({ name: 'user.birth', type: 'date', value: NOW });
	form.push({ name: 'user.newsletter', type: 'boolean', value: true });
</script>