# j-UIStudio

> A Flow UI Studio alkalmazás.

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

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

```html
<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`, `query`Egy 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:

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

A tervezésből származó UI Builder A `/ui/home.json`A komponens letölti a GET-t, és létrehozza az alkalmazást `UIBuilder.build()`Ha a válasz egy `input`Az alkalmazás bevezetését az összetevő hívja `input` és `data`A 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ők](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Szerzői jog Peter Širka és hozzájárulók. [A licenc](/knowledge-licenses.json).