j-Button

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Een eenvoudige knopcomponent met geweldige functies.

Volledig responsief
Ondersteunt validatie

Configuratie:

exec {String} verplicht een weg naar de function(el, path) methode
icon {String} Total JS iconen (default: undefined)
color {String} Een icon kleur (default: undefined)
validation {Boolean} Validatie voor alle componenten op de route (default: true)
delay {Nummer} een tijduitgave voor validatie (default: 100)
name {String} is een naam voor het attribuut name (default: submit)
size {String} een grootte:
- small
- normal (de standaard)
- large
- big
ddos {String} Een eenvoudige DDOS-prevetie voor meerdere klikken, mogelijke waarden:
- undefined voorkomen
- 10 seconds
- session
- 1 day
- enz.
if {String} kan JS voorwaarde bevatten (optional)
- value {Object} bevat het gehele model
- path {String} bevat veranderd pad
- Terug naar Boolean
track {String} kan paden bevatten die worden verdeeld door comma die validatie evalueren (uitvoerers voor paden zijn niet componenten, maar deze methoden SET(), UPD(), INC(), enz.)
validonly {Boolean} schepen dirty staat (default: false)

Gebruik het met <ui-component name="button">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>