# Kapcsolódó elemek leválasztása űrlappal

> JetFormBuilder űrlap, amellyel a látogatók egy kattintással leválaszthatják a szülő gyermekeit vagy a gyermek szülőit.

A JetFormBuilder űrlapjaival a weboldalról le is választhatók a kapcsolt elemek. Szükséges: Elementor (ingyenes) vagy blokkszerkesztő, aktív JetEngine és JetFormBuilder. A példában az **Ország** a szülő, a **Túra** a gyermek bejegyzéstípus (**Egy a többhöz** kapcsolat).

A mezők nevének (Form field name) egyedinek kell lennie az űrlapon, és csak kisbetűs latin betűt, kötőjelet és aláhúzást tartalmazhat.

## Gyermekek leválasztása a szülőről

### Az űrlap

1. A **JetFormBuilder → Új hozzáadása** oldalon adj címet az új űrlapnak. Az alapértelmezett **Hidden Field** beállításait ne módosítsd.
2. A blokkbeszúróval tegyél be egy **Select**, **Radio** vagy **Checkbox** mezőt a gyermekek megjelenítésére. A **Select** és a **Radio** egy elemet mutat (**Egy az egyhez** és **Egy a többhöz** kapcsolathoz való), a **Checkbox** többet (**Több a többhöz**, illetve **Egy a többhöz**). A példában **Checkbox** van, mert egy országhoz több túra tartozik.
3. A **Fill Options From** forrás **Posts**, a bejegyzéstípus a gyermek típus (Túra).
4. Add meg a mező címkéjét és a nevét.
5. A **Default Value** mező **Dynamic tags** gombjával állítsd be: **Source**: „Related Items”; a kapcsolat; **From Object**: a gyermek objektum; **Initial Object ID From**: **Aktuális objektum ID-ja** (mert az űrlapot az önálló oldalra tesszük).
6. Frissítsd az űrlapot, és a beállításokban nyisd meg a **Post Submit Actions** lapot. Válaszd a **Connect Relation Items** műveletet, és szerkeszd (ceruza ikon).
7. A felugró ablakban: **Relation**: a kapcsolat; **Parent Item ID**: a rejtett mező (alapból az aktuális bejegyzés azonosítója); **Child Item ID**: a gyermekeket mutató mező; **Update Context**: „We updating children items for the parent object”; **How to Store New Items**: „Disconnect selected items”.
8. Frissítsd az ablakot, és tedd közzé vagy frissítsd az űrlapot.

### Az űrlap az oldalon

1. A **Crocoblock → Theme Builder** oldalon nyisd meg a szülő önálló törzsének sablonját (a három pont menü **Edit content** pontja).
2. Tedd az oldalra a **JetForm** widgetet vagy blokkot, és válaszd ki az űrlapot. A beküldés típusának az **Oldal újratöltése** (Page Reload) javasolt, hogy a változások azonnal látszódjanak. Frissítsd a sablont.
3. Nyisd meg a szülő bejegyzést a frontenden, és kattints az űrlap **Submit** gombjára.

Az oldal újratöltése után a kijelölt gyermekek le vannak választva. A szülő szerkesztőoldalán ellenőrizheted.

## Szülők leválasztása a gyermekről

1. Új űrlap, a **Hidden Field** marad.
2. Tegyél be egy **Select**, **Radio** vagy **Checkbox** mezőt a szülők megjelenítésére. A példában **Radio** van, mert egy túrának egy országa van.
3. A **Fill Options From** forrás **Posts**, a bejegyzéstípus a szülő típus (Ország). Add meg a címkét és a nevet.
4. A **Default Value** **Dynamic tags** ablakában: **Source**: „Related Items”; a kapcsolat; **From Object**: a szülő objektum; **Initial Object ID From**: **Aktuális objektum ID-ja**.
5. A **Post Submit Actions** lapon válaszd a **Connect Relation Items** műveletet. **Parent Item ID**: a szülőket mutató mező; **Child Item ID**: a rejtett mező; **Update Context**: „We updating parent items for the child object”; **How to Store New Items**: „Disconnect selected items”.
6. Frissítsd az űrlapot, és tedd a gyermek önálló törzsének sablonjába a **JetForm** elemmel (javasolt beküldéstípus: **Oldal újratöltése**).
7. A frontenden nyisd meg a gyermek bejegyzést, és kattints a **Submit** gombra.

Az újratöltés után a kapcsolt szülő le van választva. Ezt a gyermek szerkesztőoldalán is látod.

Összekapcsolás űrlappal: [Kapcsolódó elemek összekapcsolása űrlappal](https://hub.hellowp.io/hu/plugins/jet-engine/kapcsolatok-urlap-osszekapcsolas/).