j-RawEditable

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

j-RawEditable ist eine einfache Komponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.

Konfiguration:

type {String} optional, kann email, phone, zip, date, time, url, number, search sein, lower, upper oder leer (Standard)
formatting {Boolean} ermöglicht die Formatierung fett, kursiv usw., Standard: false
required {Boolean} optional, aktiviert „erforderlich“ (Standard: false)
placeholder {String} optional, fügt der Eingabe einen placeholder-Text hinzu
maxlength {Number} optional, legt eine maximale Zeichenlänge fest (Standard: 200)
minlength {Number} optional, legt eine Mindestlänge von Zeichen fest
minvalue {Number} optional, ein Mindestwert für den Typ number
maxvalue {Number} optional, ein Maximalwert für den Typ number
validate {String} optional, eine Bedingung zur Validierung des Werts, kann einen Link zu function(value) oder !!value.match(/[a-z]+/) enthalten
format {String} optional, Ausgabeformatierung z.B. für date Typ: yyyy-MM-dd, für time Typ: HH:mm, für number können Sie max. Dezimalstellen
disabled {Boolean} optional, deaktiviert diese Komponente
autocomplete {String} optional, muss einen Link zu einer Funktion enthalten, wird beim Ereignis focus ausgelöst
spaces {Boolean} optional, aktiviert Leerzeichen, andernfalls werden sie entfernt (Standard: true)
autosource {String} ein Pfad zur Funktion search in autocomplete, function(search, render(arr))
autovalue {String} ein Eigenschaftspfad für den Wert in autosource, Standard: name
autoexec {String} eine Pfadmethode function(item, next(value_to_input))
forcevalidation {Boolean} ermöglicht die erzwungene Validierung für phone und email (Standard: true)
monospace {Boolean} aktiviert die Schriftart monospaced (Standard: false)
enter {String} ein Link zu function(val, com) – ausgewertet, wenn der Benutzer die Eingabetaste drückt

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

<b>Type something</b>: <span><ui-component name="raweditable" path="form.name" config="placeholder:Placeholder" style="position:relative;display:inline-block;min-width:80px;height:24px;line-height:20px;border:2px solid blue;padding:0 5px"></ui-component></span>

<script>
	var form = { name: 'Peter' };
</script>