Bemeneti widgetek hozzáadása lépésekhez
  • 05 Jan 2024
  • 5 Elolvasandó percek
  • Közreműködők

Bemeneti widgetek hozzáadása lépésekhez


Article Summary

Adatok bevitele bármelyik lépésen a beviteli widgetek segítségével

Annak érdekében, hogy csökkentsük a lépések és útválasztási lehetőségek számát, amelyeken az operátornak végig kell mennie, gyakran egyszerűbb az adatok bevitele egy utasítási lépésen belül. Az Input Widgetek segítségével közvetlenül a Tulip táblázatokba is írhat.

A következő cikk leírja, hogyan lehet adatbeviteli mezőt, azaz Input Widgetet kezdeményezni bármelyik alkalmazáslépésre.

Widget létrehozása a felhasználói bevitel tárolására

Válassza ki az Eszköztáron a Bemenet opciót:

Widget Toolbar.png

A kiválasztást követően a következő lehetőségek állnak rendelkezésére:

Inputs Dropdown.png

  • Checkbox
  • Szöveg
  • Fájl
  • Szám
  • Egyetlen kiválasztás
  • Multiselect
  • Dátumválasztó
  • Kép
  • Aláírás

Adatforrás kiválasztása

Változó

Válasszon ki egy meglévő változót, vagy hozzon létre egy új változót a bemeneti Widgethez:

A bemenethez egy változó hozzárendelésével a bemeneti értékre az egész alkalmazásban lehet hivatkozni a különböző logikák felépítéséhez.

Tulipán táblázat rekord

A bemeneti widget Tulip Table Recordhoz rendelésével közvetlenül szerkeszthet egy táblázatrekordot. Adja meg a táblázatrekord oszlopát a legördülő listában:

Ez automatikusan elmenti a bemeneti widget értékét a táblázatrekordba.

Triggerek konfigurálása

Számos bemeneti widgetnél lehetőség van egy olyan trigger konfigurálására, amely egy művelet bekövetkezésekor lép működésbe. Az alábbiakban ismertetjük a művelettípusokat és a hozzájuk tartozó widgeteket.Triggers.png

Enter billentyű

Az Enter Key trigger a következő logikát követi: az enter billentyű lenyomásakor, ha a feltételek teljesülnek, akkor hajtson végre egy műveletet. Ez az opció a szöveg- és számbeviteli widgetekhez kapcsolódik.

Bemenetváltás

A Bemenetváltás kiváltó a következő logikát követi: amikor a bemenet megváltozik, ha a feltételek teljesülnek, akkor hajtson végre egy műveletet. Ez az opció a jelölőnégyzet, az egyszeri kiválasztás, a többszörös kiválasztás, a dátumválasztó és a képi beviteli widgetekhez kapcsolódik.

Bemeneti widget típusok

Checkbox

A checkbox opció Boolean kimenetet biztosít, amely a jelölőnégyzet be- vagy kipipálásával Igenre vagy Nemre kapcsolható. A jelölőnégyzetekről bővebb információt a oldalon talál [ez a cikk itt található.](https://support.tulip.co/docs/how-to-use-the-checkbox-widget

Szöveg

A Szöveges bemenet kiválasztásakor a Widgetet egy Tulip Table egyik oszlopához vagy egy változóhoz rendelheti. A jelölőnégyzethez hasonlóan egy változót kell hozzárendelni a szövegbeviteli Widgethez, hogy az adatokat később az alkalmazásban felhasználhassuk. Válassza ki ezt a változót a szöveges változók listájából, vagy hozza létre inline a Változó kiválasztása legördülő menüpontból.

Ez ugyanúgy viselkedik, mint egy Form Step bemenetben létrehozott változó.

Ha a szövegbeviteli widgetet nagyobbra szeretné méretezni, válassza a "Több sor" kapcsolót a Kontextusablakban. Ezután módosíthatja a méreteket, hogy kitöltsön bármilyen helyet.

Fájl

A Fájl beviteli widget a szöveges bemenethez hasonló, azzal a lehetőséggel, hogy a bemenetet egy Tulip táblázat egyik oszlopához vagy egy változóhoz rendelheti. Egy változót kell hozzárendelni a File Input Widgethez ahhoz, hogy az adatokat később az alkalmazásban felhasználhassa. Válassza ki ezt a változót a fájlváltozók listájából, vagy hozza létre inline a Változó kiválasztása legördülő menüpontból.File Input Widget.png

A felhő alakú feltöltés gomb segítségével importálhat fájlt az eszközéről a beviteli widgetbe, vagy közvetlenül megadhatja a fájl URL-címét.

Szám

A Szám beviteli widget szintén hasonló az előző widgetekhez, mivel a beírt adatok megfelelő használatához egy Szám változót kell hozzárendelni. Válasszon ki egy meglévő változót, vagy hozzon létre egyet a név beírásával és a Létrehozás gomb kiválasztásával.

A Változó hozzáadása után ebben az esetben egy további lehetőség jelenik meg.

A Formátum opcióban egész és tizedes szám is választható az információ megjelenítéséhez. Az Integer típus csak az egész számot jeleníti meg, míg a Decimal a kiválasztott szignifikáns számjegyek számáig. A Precizitás opció határozza meg a megjelenítendő számjegyek számát.

Egyszeri kiválasztás

A Widget legjobb használatához győződjön meg róla, hogy már érti a tömböket.

A Single Select Input Widget lehetővé teszi egy opció kiválasztását egy listából, számos hatékony konfigurációval. A többi Input Widgethez hasonlóan itt is kiválaszthatja az adatforrás típusát: Tulip Table Record vagy Variable:

Egy nagyon egyszerű módja ennek a használatnak, hogy hozzárendel vagy létrehoz egy szöveges változót a Változó mezőben, és azt statikusan létrehozott értékekkel rendelkező legördülő listaként jeleníti meg. Opciókat az Opciók mező alatt található "Új opció" menüpont kiválasztásával adhat hozzá. Ha ez megtörtént, akkor ez így néz ki:

Ha a Megjelenítés mezőt Menüre változtatja, a widget a következő megjelenítési formát veszi fel:

Az Opciókat egy Array változó részeiként is felsorolhatja.

Ezzel a módszerrel a kiválasztott Array összes összetevőjét kiválaszthatja. Az Array az Options alatt kiválasztott változó, a 'Test' nevű változó pedig a felhasználó által az opciók listájából kiválasztott értéket fogja tárolni.

Az Array Variable konfiguráció használata rendkívül hatékony, mivel lehetővé teszi, hogy opciókat vegyen a meglévő tömbből, és új értékeket is toljon a kiválasztandó tömbre. Példaként egy gomb egy opciót adhat hozzá ehhez a widgethez egy Trigger hozzáadásával. a trigger valahogy így nézhet ki:

Ebben a példában a gomb hozzáadja a "Valami új" opciót a Menü vagy legördülő beviteli widgethez.

Multiselect

A Multiselect opció ugyanazokat a konfigurációkat követi, mint a Single Select widget, néhány apró konfigurációs különbséggel. A Multiselect widget nem rendelhető Tulip Table Recordhoz. Továbbá, ennek a widgetnek a kimeneti eredményének egy Text Array-nek kell lennie, nem pedig egy egyszerű Text változónak, mint a Single Select widgetnél.

Ez lehetővé teszi, hogy több opciót válasszon ki a menüből vagy a legördülő menüből, és azokat egy tömbváltozóba adja ki. A nézet és a kiválasztási lehetőségek konfigurációja pontosan ugyanaz, mint a fentebb részletezett Single Select widget beállításai. A Multiselect widget az alábbiak szerint jelenik meg.

Dátumválasztó

A kiválasztás után válasszon vagy hozzon létre egy Datetime változót, amelyet a widgethez társít, vagy egy Tulip Table oszlopát. Ha adatforrásként a Tulip Table Record-ot választja, a bemenet közvetlenül a táblázatba íródik. Ha adatforrásként a Változót választja, a kiválasztott Datetime kimenete a megadott változóba fog tárolódni.

A widget ezután lehetővé teszi, hogy a Datetime-ot a felhasználó egy alkalmazáson belül egy normál lépésben válassza ki. A felület így néz ki a lejátszóban:

Kép

A Kép widget lehetővé teszi a kezelő számára, hogy képet készítsen a lépésen, vagy feltöltsön egy képet a helyi tárolóból. Ennek a widgetnek szüksége van egy Image URL adattípusú változóra, hogy a felvett képet egy megfelelő változóban tárolja.

A Tulip Table Record adatforrás kiválasztásával a képet közvetlenül egy Tulip Table táblába mentheti. Felhívjuk figyelmét, hogy az Aspect Ratio (képarány) is beállítható ennek a widgetnek a Context Pane (kontextusablak) ablakában.

A lejátszón belül a felhasználók a kamerából származó élőképet is "átforgathatják" és "elforgathatják".

Aláírás

Az Aláírás beviteli widget használható arra, hogy a kezelőtől megkövetelje egy változóban, egy táblázat rekordjának mezőiben vagy mindkettőben lévő adatok aláírását és érvényesítését.Signature Input Widget.png

Az aláírás által érvényesítendő adatokat meg kell határozni, és a beviteli widget egyéb konfigurációs lehetőségeket is tartalmaz, például az aláíró kijelölése, az aláírás jelentésének leírása és szükség szerint egy megjegyzés kötelezővé tétele.


Megtalálta, amit keresett?

A community.tulip.co oldalon is megteheti, hogy felteszi kérdését, vagy megnézheti, hogy mások is szembesültek-e hasonló kérdéssel!


Hasznos volt ez a cikk?