j-ObjectEditor

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

Konfiguration:

null {Boolean} optional, zeigt null-Werte an (Standard: true)
skip {String} optional, überspringt durch Kommas getrennte Eigenschaften
dateformat {String} optional, ein Standardformat für Datum und Uhrzeit (Standard: yyyy-MM-dd HH:mm:ss)
NEW: exec {String} ein Pfad zum function(key, value) und er wird ausgeführt, wenn der Wert geändert wird

Verwenden Sie es mit <ui-component name="objecteditor">. 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="objecteditor" path="obj"></ui-component>

<script>
	var obj = {};
	obj.name = 'Peter';
	obj.age = 32;
	obj.newsletter = true;
	obj.terms = true;
	obj.created = new Date();
	obj.tags = ['Total.js', 'Node.js', 'Tags'];
	obj.data = null;
	obj.priority = [1, 2, 3, 4, 5];
</script>