j-MiniForm

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

Konfiguration:

title {String} Formulartitel
width {Number} von maximaler Breite
Bedingung if {String} für die Anzeige des Formulars, es wird mit dem Wert innerhalb von ßpath verglichen
icon {String} Gesamtsymbol ohne ti- oder new: ti ti-home
reload {String}-Link zu einem globalen function(miniform_component) und er wird ausgeführt, wenn das Formular angezeigt wird
submit {String}-Link zu einem globalen function(hide) und wird ausgeführt, wenn die Schaltfläche „Senden“ gedrückt wird
cancel {String}-Link zu einem globalen function(hide) und wird ausgeführt, wenn die Schaltfläche „Abbrechen“ gedrückt wird
enter {Boolean} erfasst den enter-Schlüssel automatisch und führt die Übermittlung durch (Standard: false)
center {Boolean} zentriert das Formular in der Mitte des Bildschirms
autofocus {Boolean/String} kann eine Eingabe fokussieren. String === jQuery selector für die Eingabe
default {String} ein Kurzalias für DEFAULT(default, true)
closebutton {Boolean} kann die Schaltfläche x ausblenden (Standard: false)
zindex {Number} kann den Z-Index beeinflussen (Standard: 12)
scrollbar {Boolean} aktiviert die benutzerdefinierte Bildlaufleiste (Standard: true)
closeoutside {Boolean} schließt das Formular, wenn der Benutzer außerhalb des Formulars klickt (Standard: false)
closeesc {Boolean} schließt das Formular, wenn der Benutzer die Taste ESC drückt
Das Schließen von independent {Boolean} hängt nicht von der Bedingung gemäß dem Pfad ab
close {String}-Link zu einem globalen function() und wird ausgeführt, wenn das Formular geschlossen wird
NEW hide {String}-Link zu einem globalen function() und wird ausgeführt, wenn das Formular ausgeblendet wird

Gut zu wissen:

Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type="text/html">. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, ob j-MiniForm angezeigt wird (nur einmal).

<ui-component name="miniform" path="path" config="config">
	<script type="text/html">
		A CONTENT
	</script>
</ui-component>

Verwenden Sie es mit <ui-component name="miniform">. 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

<ui-component name="miniform" path="common.form" config="if:user;width:300;title:Title;submit:userform_submit" class="hidden">
	<div class="padding">SOME CONTENT</div>
	<nav>
		<button name="submit">SUBMIT</button>
		<button name="cancel">CANCEL</button>
	</nav>
</ui-component>

<script>

	function userform_submit(hide) {
		alert('SUBMIT');
		hide();
	}

	var common = {};

	// Show the form
	common.form = 'user';
</script>