j-UIStudio

Componentul încărcă o aplicație Flow UI Studio prin punctul său final configurat. setarea URL-ului la acel punct final și gestionarea metadata sau actualizările aplicației cu onmeta și onapp.

Acest component returnează aplicația în conformitate cu schema Total.js Flow UI Studio.

Configurarea:

• url {String} este punctul final de navigare care acceptă solicitările POST și returnează metadate JSON
• css {Boolean} se aplică stilului de aplicație la elementul actual (default: true)
• ssid {String} este opțional, adăugând un identificator de sesiune la adresa URL a fluxului
• title {Boolean} opțional, revizuiește document.title prin numele aplicației
• plus {String} este opțional, funcționează numai cu title:true și adaugă title - config.plus
• onmeta {String} opțional, un link la function(meta) captează o meta
• onapp {String} opțional, un link la function(app) captează un nou design UI
• origin {String} opțional
• onrequest {String} opțional, un link la function(payload) poate modifica datele de cerere
• flowoutput {Boolean} opțional, permite ieșirile numai din componenta FlowOutput (default: true)

Proprietăți:

• component.app conține o instanță de app

bine să știi:

Componenta extinde instanta app prin adăugarea proprietatii breadcrumb {Array}.

Utilizare

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

Punctul final de navigație

Componenta trimite o cerere POST la punctul final configurat. cererea are starea de navigare curentă, inclusiv origin, queryO opţiune ssidȘi actualul id, output şi data atunci când o cerere emite un produs.

Întoarceți un id pentru pas și un url pentru designul său exportat UI Builder:

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

Proiectarea proiectului exportat de la UI Builder la /ui/home.jsonComponentul îl descărcă cu GET și creează aplicația prin UIBuilder.build()Dacă răspunsul include un inputComponentul numeste intrarea de aplicare cu input şi data. în care onmeta Callback primește răspunsul pas, și onapp primesc instanța de cerere creată.

loading:false dezactiva indicatorul de încărcare. pentru a-l afișa, declarați un component j-Loading și activați loading.

Sursă : Componente Total.jsCopyright Peter Širka și contribuitorii. Licența mea.