j-UIStudio

Komponenta nahrává aplikaci Flow UI Studio prostřednictvím její konfigurované koncové body. nastavte URL na tuto koncovou stránku a zpracovávájte metadata nebo aktualizace aplikací s onmeta a onapp.

Tato složka vydává aplikaci podle schématu Total.js Flow UI Studio.

Konfigurace:

• url {String} je navigační bod, který přijímá požadavky POST a vrací metadata kroku JSON
• css {Boolean} se vztahuje na aktuální prvek aplikace (podle předvolby: true)
• ssid {String} volitelně, přidává identifikaci sezení do adresy URL pro tok
• title {Boolean} volitelně, přepisuje document.title podle názvu aplikace
• plus {String} je volitelný, funguje pouze s title:true a přidává title - config.plus
• onmeta {String} volitelně, odkaz na function(meta) zachytí meta data
• onapp {String} volitelně, odkaz na function(app) zachytí nový design UI
• origin {String} volitelné
• onrequest {String} volitelně, odkaz na function(payload) může změnit požadavky
• flowoutput {Boolean} volitelně, umožňuje výstupy pouze z komponenty FlowOutput (podle předvolby: true)

Vlastnosti:

• component.app obsahuje instance app.

Dobré vědět:

Komponenta rozšiřuje příklad app přidáním vlastnosti breadcrumb {Array}.

Použití

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

Navigace Endpoint

Požadavek nese aktuální navigační stav, včetně origin, query, volitelného ssid, a aktuálního id, output a data, když aplikace vydává výstup.

Vraťte id pro krok a url pro jeho exportovaný design UI Builder:

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

Využijte design vyvážený z UI Builder na /ui/home.jsonKomponenta ji stáhne s GET a vytváří aplikaci prostřednictvím UIBuilder.build()Pokud odpověď obsahuje input, složka nazývá vstup aplikace s input a data• The onmeta Callback obdrží krok odpovědi, a onapp Přijímá vytvořený žalobní orgán.

loading:false deaktivuje indikátor nabíjení. pro jeho zobrazení deklarujte složku j-Loading a aktivujte loading.

Zdroj : Total.js součástiCopyright Peter Širka a jeho účastníci. Licence.