ForgeKomponenty
sk

Komponenty

j-Parameters

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

Tento komponent môže meniť vnútorné parametre.


Konfigurácia:

  • dateformat {String} voliteľné, formát dátumu (predvolené: yyyy-MM-dd)
  • search {String} voliteľné, zástupný symbol pre vstup vyhľadávania (predvolené: Search)
  • height {Number} voliteľné, výška prvku (predvolené: undefined)
  • parent {String} voliteľné, volič jQuery pre automatické nastavenie výšky (môže byť window, parent alebo custom)
  • hidetype {Boolean} voliteľné, skryje typ (predvolené: false)
  • margin {Number} voliteľné, vertikálny okraj (predvolené: 0)

Prehlásenie o údajoch:

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 });

Povolené typy v údajoch:

  • string
  • boolean
  • number
  • date

Použite ho so <ui-component name="parameters">. 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
<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>