# j-UIStudio

> Render un flusso di applicazione UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: df6e6c297c45f9dfe37f8e3554c3d8e47641f3b78dc6dbec749935cf1f9bd49a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Il componente carica un'applicazione Flow UI Studio attraverso il suo punto finale configurato. impostare l'URL a quel punto finale e gestire i metadati o gli aggiornamenti dell'application con onmeta e onapp.

Questo componente ritorna l'applicazione secondo lo schema Total.js Flow UI Studio.


__Configurazione__:

- `url {String}` è il punto finale di navigazione che accetta le richieste POST e restituisce i metadati passo JSON
- `css {Boolean}` applica lo stile dell'app all'elemento corrente (default: `true`)
- `ssid {String}` opzionale, aggiunge un identificatore di sessione all'URL del flusso
- `title {Boolean}` opzionale, riproduce `document.title` dal nome dell'app
- `plus {String}` opzionale, funziona solo con `title:true` e aggiunge `title - config.plus`
- `onmeta {String}` opzionale, un collegamento al `function(meta)` cattura i dati meta
- `onapp {String}` opzionale, un collegamento al `function(app)` cattura un nuovo design UI
- `origin {String}` opzionale
- `onrequest {String}` opzionale, un collegamento al `function(payload)` può modificare i dati di richiesta
- `flowoutput {Boolean}` opzionale, permette le uscite solo dal componente FlowOutput (default: `true`)

__Proprietà__:

- `component.app` contiene un'indagine di `app`

__Buono sapere__:

Il componente estende l'indice `app` aggiungendo la proprietà `breadcrumb {Array}`.

## Utilizzo

```html
<ui-component name="uistudio"
  config="url:/api/studio/;onapp:studioLoaded;loading:false"></ui-component>
<script>
  function studioLoaded(app) {
    console.log(app);
  }
</script>
```

## Il punto di navigazione

La richiesta porta lo stato di navigazione corrente, tra cui `origin`, `query`, un `ssid` facoltativo e il `id`, `output` e `data` corrente quando una domanda emette un prodotto.

Ritorna un `id` per il passo e un `url` per il suo design esportato UI Builder:

```json
{
  "id": "home",
  "url": "/ui/home.json",
  "data": {}
}
```

Il design esportato da UI Builder a `/ui/home.json`Il componente lo scarica con GET e crea l'applicazione attraverso `UIBuilder.build()`Se la risposta comprende un `input`Il componente chiama l’applicazione con `input` e `data`Il `onmeta` Il callback riceve la risposta passo, e `onapp` ricevere l’istanza di domanda creata.

`loading:false` disabilita l'indicatore di ricarica. per visualizzarlo, dichiara un componente `j-Loading` e attiva `loading`.

La fonte: [Componenti di Total.js](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Copyright Peter Širka e contribuenti. [La mia licenza](/knowledge-licenses.json).