j-JSONTree

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

j-JSONTree creates tree view from json data.

Configuration:

click {String} a link to the function(selected_path, component)

Use it with <ui-component name="jsontree">. 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: Martin Smola. Source: the Componentator components repository, MIT license.

example.html

<ui-component name="jsontree" path="json" config="click:jsontree_click">Sample JSON data</ui-component>
<script>

	setTimeout(function() {
		SET('json', '{"datecreated":"2018-06-18T22:27:00.000Z","name":"j-JSONTree","color":"transparent","version":1,"responsive":true,"picture":"picture.png","dependencies":"","author":"Martin Smola","email":"smola.martin@gmail.com","license":"MIT"}');
	}, 2000);

	function jsontree_click(path) {
		console.log('Path:', path);
	};
</script>