j-Click

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

De component noemt een methode of kan een waarde instellen volgens de route.

Configuratie:

enter {String} (optional) is een jQuery selector
value {String/Nummer/Boolean} (optional) Deze waarde wordt ingesteld op data-jc-path
disabled {Boolean} verhindert deze controle

Gebruik het met <ui-component name="click">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 id="form">
    <div><input type="text" placeholder="press enter" /></div>
</div>
<div><button><ui-component name="click" path="doSubmit" config="enter:#form">SUBMIT</ui-component></button></div>
<br />
<div><button><ui-component name="click" path="user.name" config="value:Peter">SET VALUE user.name</ui-component></button></div>
<ui-bind path="user.name" config="text"></ui-bind>

<script>
	function doSubmit() {
        alert('SUBMIT');
    }
</script>