j-UIStudio

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

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

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

Il design esportato da UI Builder a /ui/home.jsonIl componente lo scarica con GET e crea l'applicazione attraverso UIBuilder.build()Se la risposta comprende un inputIl componente chiama l’applicazione con input e dataIl 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.jsCopyright Peter Širka e contribuenti. La mia licenza.