j-ObjectEditor

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

Configuration:

null {Boolean} optional, shows null values (default: true)
skip {String} optional, skips properties divided by commas
dateformat {String} optional, a default date/time format (default: yyyy-MM-dd HH:mm:ss)
NEW: exec {String} a path to the function(key, value) and it's executed if the value is changed

Use it with <ui-component name="objecteditor">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

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>