j-UIBuilder

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Този компонент възстановява приложението, предназначено чрез UI BuilderМожете да изтеглите приложението чрез path в състава или чрез config.url Пътят може да съдържа URL адрес за JSON Схемата на приложението или обектът на приложното приложение (JSON).

Конфигуриране:

app {String} е връзката към метода/променливото, където ще бъде съхранено примера на app
url {String} е връзка към схемата на приложенията (може да бъде във формат json)
css {Boolean} прилага стил на приложението към текущия елемент (предварително: true)
id {String} преписва ID на приложенията

Методи:

component.load(data) Методът за натоварване app В настоящия елемент

Собственост:

component.app съдържа инстанция на app

Как да се справим с данните?

<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>

Използвайте го с <ui-component name="uibuilder">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

example.html

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