j-UIStudio

Az összetevő egy Flow UI Studio alkalmazást tölt be a konfigurált végponton keresztül. Állítsa be az URL-t erre a végpontra, és kezelje a metadata vagy az alkalmazás frissítéseit onmeta és onapp segítségével.

Ez az összetevő a Total.js Flow UI Studio rendszer szerint adja meg az alkalmazást.

konfiguráció:

• url {String} a navigációs végpont, amely elfogadja a POST kéréseket és visszatér JSON lépés metaadatokat
• css {Boolean} alkalmazza az alkalmazás stílusát a jelenlegi elemre (default: true)
• ssid {String} opcionális, egy ülés azonosító hozzáadása az URL-hez az áramláshoz
• title {Boolean} opcionális, újraírja a document.title az alkalmazás nevét
• plus {String} opcionális, csak a title:true használatával működik, és hozzáadja a title - config.plus
• onmeta {String} opcionális, a function(meta) linkje meta adatokat rögzít
• A onapp {String} opcionális, a function(app)-hez kapcsolódó link rögzíti az új UI-tervezést
• origin {String} opcionális
• onrequest {String} opcionális, a function(payload) link módosíthatja a kérési adatokat
• flowoutput {Boolean} opcionális, kizárólag a FlowOutput komponensből származó kimenetek engedélyezése (default: true)

tulajdonság:

• component.app Tartalmaz egy app Esetleg

Jó tudni:

Az összetevő a app példát kiterjeszti a breadcrumb {Array} tulajdonság hozzáadásával.

Használat

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

Navigációs végpont

A komponens a konfigurált végpontra küldi a POST kérelmet.A kérelem a jelenlegi navigációs állapotot hordozza, beleértve origin, queryEgy opcionális ssidés a jelenlegi id, output és data Amikor egy kérelem kiadja a kimenetet.

Vissza a id-t a lépéshez és a url-t az exportált UI Builder tervezéshez:

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

A tervezésből származó UI Builder A /ui/home.jsonA komponens letölti a GET-t, és létrehozza az alkalmazást UIBuilder.build()Ha a válasz egy inputAz alkalmazás bevezetését az összetevő hívja input és dataA The onmeta A válasz a lépésről szól, és onapp A létrehozott kérelem megszerzése.

loading:false kikapcsolja a feltöltő mutatót.A megjelenítéshez kijelölje a j-Loading komponenset, és engedélyezi a loading.

forrásból : Total.js összetevőkSzerzői jog Peter Širka és hozzájárulók. A licenc.