j-UIStudio

Компонентът зарежда приложението Flow UI Studio през конфигурираната му крайна точка.Настройте URL към тази крайна тачка и обработвайте метаданни или актуализации на приложенията с onmeta и onapp.

Този компонент връща приложението в съответствие с схемата Total.js Flow UI Studio.

Конфигуриране:

• url {String} е крайната точка за навигация, която приема исканията за POST и връща метаданните на стъпките JSON
• css {Boolean} прилага стил на приложението към текущия елемент (предварително: true)
• ssid {String} опционално, добавя сесионни идентификатори към URL адреса на потока
• title {Boolean} опционално, преписва document.title от името на приложението
• plus {String} е опционален, работи само с title:true и добавя title - config.plus
• onmeta {String} опционално, връзката към function(meta) записва мета данни
• onapp {String} опционално, връзката към function(app) captures нов дизайн на UI
• origin {String} Опционално
• onrequest {String} опционален, линк към function(payload) може да променя данни за искане
• flowoutput {Boolean} е опционален, позволява изход само от компонента FlowOutput (предварително: true)

Собственост:

• component.app съдържа инстанция на app

Добре е да се знае:

Компонентът разширява инстанцията на app, като добавя свойството на breadcrumb {Array}.

Използване

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

Навигационна точка

Заявлението носи текущото състояние на навигация, включително origin, query, опционален ssid, и текущия id, output и data, когато заявлението издава изход.

Върнете id за стъпка и url за експортиран дизайн на UI Builder:

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

Проектиране на експортираните от UI Builder в /ui/home.jsonСъставът го изтегля с GET и създава приложението чрез UIBuilder.build()Ако отговорът включва input, компонентът нарича входа на заявлението с input и dataИ те onmeta Повтарянето получава стъпка отговора и onapp получава създадената заявка.

loading:false Изключва индикатора за зареждане.За да го покажете, декларирайте j-Loading Съставът и възможността loading.

Източникът е: Total.js съставкиАвторски права Питер Шърка и съучастници. Лицензът ми.