# j-UIBuilder

> Αυτό το στοιχείο παραδίδει την εφαρμογή που έχει σχεδιαστεί μέσω του UI Builder. Μπορείτε να φορτώσετε την εφαρμοσία μέσω της διαδρομής που καθορίζεται στο στοιχείο ή μέσω της επιλογής config.url.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: d9bd3b8c75c5bdcdb4902778d37b8bd9bb48eb8dd40a2ee332435e5f9c3d65c2
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Αυτό το στοιχείο παραδίδει την εφαρμογή που έχει σχεδιαστεί μέσω UI Builder. Μπορείτε να φορτώσετε την εφαρμοσία μέσω του `path` που καθορίζεται στο στοιχείο ή μέσω της επιλογής `config.url`. Το μονοπάτι μπορεί να περιέχει μια διεύθυνση URL στο σχήμα εφαρμογής `JSON` ή το αντικείμενο εφαρμογής (parsed JSON).


__ΕΠΙΤΡΟΦΗ__:

- `app {String}` σύνδεση με τη μέθοδο/αλλαγή όπου θα αποθηκευτεί η περίπτωση `app`
- `url {String}` σύνδεση με το σχήμα εφαρμογής (θα πρέπει να είναι σε μορφή `json`)
- Το `css {Boolean}` εφαρμόζει το στυλ εφαρμογής στο τρέχον στοιχείο (προεπιλεγμένο: `true`)
- `id {String}` υπεργραφεί το ID της εφαρμογής

__Μέθοδοι__:

- Η μέθοδος `component.load(data)` φορτίζει το `app` στο τρέχον στοιχείο

__Ιδιοκτησία__:

- Το `component.app` περιέχει μια περίπτωση `app`.

## Πώς να χειριστείτε τα δεδομένα;

```html
<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 Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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