j-Button

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel knappkomponent med bra funktioner.

Full responsivt
Stöd för validering

Konfigurera:

exec {String} behovet en väg till metoden function(el, path)
icon {String} Total JS-ikoner (default: undefined)
color {String} En ikon färg (default: undefined)
validation {Boolean} Tillåter validering för alla komponenter på vägen (default: true)
delay {Numret} en timout för validering (default: 100)
name {String} ett namn för attributet name (default: submit)
size {String} i storlek:
- small
- normal (default) och
- large
- big
ddos {String} En enkel DDOS-prevetion för flera klick, möjliga värden:
- undefined förebyggande
- 10 seconds
- session
- 1 day
- etc .
if {String} kan innehålla JS-förhållande för utvärdering (alternativ)
- value {Object} innehåller hela modellen
- path {String} innehåller ändrad väg
- Måste återvända boolean
track {String} kan innehålla vägar som delas av comma som utvärderar valideringen (exekutörer för vägar är inte komponenter, men dessa metoder SET(), UPD(), INC(), etc.)
validonly {Boolean} skips dirty status (default: false)

Använd den med <ui-component name="button">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>