j-Click

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

Komponenten kallar en metod eller kan ställa in ett värde enligt vägen.

Konfigurera:

enter {String} (alternativ) är en jQuery-selektor
value {String/Number/Boolean} (alternativ) Detta värde kommer att ställas in på data-jc-path
disabled {Boolean} inaktiverar denna kontroll

Använd den med <ui-component name="click">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 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>