ForgeKomponenty
sk

Komponenty

j-Button

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

Jednoduchý tlačidlový komponent so skvelými funkciami.

  • plne reagujúci
  • podporuje validáciu

Konfigurácia:

  • exec {String} vyžaduje cestu k metóde function(el, path)
  • icon {String} Celkový počet ikon JS (predvolené: undefined)
  • color {String} Farba ikony (predvolená: undefined)
  • validation {Boolean} Povolí overenie pre všetky komponenty na ceste (predvolené: true)
  • delay {číslo} časový limit na overenie (predvolené: 100)
  • name {String} názov pre atribút name (predvolené: submit)
  • size {String} veľkosť:
    • small
    • normal (predvolené)
    • large
    • big
  • ddos {String} Jednoduchá prevencia DDOS pre viac kliknutí, možné hodnoty:
    • undefined vypína prevenciu
    • 10 seconds
    • session
    • 1 day
    • atď.
  • if {String} môže obsahovať podmienku JS na vyhodnotenie (voliteľné)
    • value {Objekt} obsahuje celý model
    • path {String} obsahuje zmenenú cestu
    • musí vrátiť boolean
  • track {String} môže obsahovať cesty delené čiarkou, ktoré vyhodnocujú validáciu (spúšťače ciest nie sú komponenty, ale tieto metódy SET(), UPD(), INC() atď.)
  • validonly {Boolean} preskočí stav dirty (predvolené: false)

Použite ho so <ui-component name="button">. 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
<div class="row">
	<div class="col-md-3 col-xs-6">
		<ui-component name="button" config="exec:clickme" class="hidden">Show me</ui-component>
	</div>
</div>

<script>

	function clickme() {
		alert('Clicked!');
	}

</script>