j-Click

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Die Komponente ruft eine Methode auf oder kann einen Wert entsprechend dem Pfad festlegen.

Konfiguration:

enter {String} (optional) ist ein jQuery-Selektor
value {String/Number/Boolean} (optional) dieser Wert wird auf data-jc-path gesetzt
disabled {Boolean} deaktiviert dieses Steuerelement

Verwenden Sie es mit <ui-component name="click">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>