j-UIBuilder

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Această componentă face ca aplicația să fie proiectată prin UI BuilderPuteți încărca aplicația prin intermediul path specificate în componenta sau prin config.url Calea poate conține o adresă URL pentru JSON Schema aplicației sau obiectul aplicației (JSON parsed).

Configurarea:

app {String} este un link la metoda/variabilul unde va fi stocată instanta app
url {String} este un link la schema aplicației (trebuie să fie în format json)
css {Boolean} se aplică stilului de aplicație la elementul actual (default: true)
id {String} înregistrează ID-ul aplicației

Metode:

Metoda component.load(data) încărcă app în elementul curent

Proprietăți:

component.app conține o instanță de app

Cum să gestionăm datele?

<ui-component name="uibuilder" ... config="app:myapphandler"></ui-component>

<script>

	function myapphandler(app) {

		// app.component {jComponent}
		// app.schema {Object} uibuilder compiled design
		// app.schema.inputs {Array Objects}
		// app.schema.outputs {Array Objects}

		// How to capture data?
		app.on('output', function(meta) {
			// meta.id {String} output identifier
			// meta.data {Object} raw data from the builder
			// meta.app {Object} app instance
			// meta.instance {Object} which instance sent data?
			// meta.instanceid {String} an instance identifier
			// meta.component {Object} which component sent data?
			// meta.componentid {String} a component identifier
			// meta.err {String} optional, error handler (nullable)
			// meta.output {String} an output name
			// meta.note {String} optional, a note
			// meta.ref {String} an internal reference

			AJAX('POST /yourapi/', meta.data, function(response) {
				// What next?
			});

		});

		// How to inject data?
		// Example
		app.on('ready', function() {
			// First, you must know input identifier
			app.input('cidlm5caacg_load', { email: '@' }, console.log);
		});

	}

</script>

Utilizați-l cu <ui-component name="uibuilder">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

example.html

<ui-component name="uibuilder" config="url:https://cdn.componentator.com/uibuilder/demo/render/dashboard.json"></ui-component>