j-UIStudio

Składnik pobiera aplikację Flow UI Studio za pośrednictwem skonfigurowanego punktu końcowego. ustawić adres URL do tego punktu kończącego i obsługiwać aktualizacje metadanych lub aplikacji z onmeta i onapp.

Ten składnik przekazuje aplikację zgodnie z schematem Total.js Flow UI Studio.

Konfiguracja:

• url {String} to punkt końcowy nawigacji, który akceptuje żądania POST i zwraca metadane JSON
• css {Boolean} stosuje styl aplikacji do bieżącego elementu (default: true)
• ssid {String} opcjonalny, dodaje identyfikator sesji do adresu URL dla przepływu
• title {Boolean} opcjonalny, ponownie napisać document.title przez nazwę aplikacji
• plus {String} jest opcjonalny, działa tylko z title:true i dodaje title - config.plus
• onmeta {String} opcjonalny, link do function(meta) rejestruje meta dane
• onapp {String} opcjonalny, link do function(app) rejestruje nowy projekt UI
• origin {String} opcjonalny
• onrequest {String} opcjonalny, link do function(payload) może zmienić dane żądania
• flowoutput {Boolean} opcjonalny, umożliwia wyjścia tylko z komponentu FlowOutput (default: true)

Właściwości:

• component.app zawiera instancję app.

Dobrze wiedzieć:

Składnik rozszerza instancję app poprzez dodanie właściwości breadcrumb {Array}.

Używanie

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

Navigacja końcowa

Wniosek przesyła prośbę POST do skonfigurowanego punktu końcowego. prośba nosi aktualny stan nawigacji, w tym origin, query, opcjonalny ssid, a bieżący id, output i data, gdy aplikacja wydaje wynik.

Wróć id dla kroku i url dla eksportowanego projektu UI Builder:

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

Wyświetla się projekt eksportowany z UI Builder w /ui/home.jsonKomponent pobiera go z GET i tworzy aplikację poprzez UIBuilder.build()Jeśli odpowiedź zawiera input, składnik nazywa wejście aplikacji z input i data• The onmeta Callback otrzymuje odpowiedź krok, a onapp otrzymuje utworzoną instancję.

Wskaźnik ładowania jest wyłączony przez loading:false. Aby go wyświetlić, wyjaśnij składnik j-Loading i włączyć loading.

Źródło : Składniki Total.jsCopyright Peter Širka i jego współpracownicy. Licencja.