Submit dla dwóch formularzy na stronie

Submit dla dwóch formularzy na stronie
K9
  • Rejestracja:około 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:141
0

Cześć, mam dwa formularze na jednej stronie, które chciałbym aby zatwierdzane były jednym przyciskiem. W jaki sposób mogę to zrobić w angularze2+?

katakrowa
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 2 lata
  • Lokalizacja:Chorzów
  • Postów:1670
0

Pokaż kod źródłowy z tymi formularzami.


Projektowanie i programowanie. Hobbystycznie elektronika i audio oszołom.
K9
  • Rejestracja:około 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:141
0
Kopiuj
<form [formGroup]="itemForm1" (ngSubmit)="connect1(itemForm1.value)">
...
</form>
...
<form [formGroup]="itemForm2" (ngSubmit)="connect2(itemForm2.value)">
...
</form
pixel_perfect
  • Rejestracja:ponad 6 lat
  • Ostatnio:prawie 3 lata
  • Postów:21
0

stworz sobie jakiego buttona ktory bedzie wywolywal jakas metode np:

Kopiuj
<div (click)="submit()">Wyslij</div>
Kopiuj
public submit():void {
    itemForm1.submit()
    temForm2.submit()
}

pokombinuj coś w tym stylu

K9
  • Rejestracja:około 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:141
0
pixel_perfect napisał(a):

stworz sobie jakiego buttona ktory bedzie wywolywal jakas metode np:

Kopiuj
<div (click)="submit()">Wyslij</div>
Kopiuj
public submit():void {
    itemForm1.submit()
    temForm2.submit()
}

pokombinuj coś w tym stylu

Tyle to się akurat domyślam :) Pytanie jak to przełożyć na typescripta angularowego, bo niespecjalnie mam wizję tego.

axelbest
  • Rejestracja:ponad 17 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Warszawa
  • Postów:2252
0

Ja się bym tylko tutaj zastanowił czy w powyższym rozwiązaniu nie będzie to działało tak, że najpierw wyślę się itemForm1 I nastąpi przekierowanie? (przez co może drugi form nie wyślę się wcale)

Wywołanie samej akcji submit na pierwszym formie w teorii powinno Cie przekierować na to co masz w form action.

Proponowałbym przesłanie tych formularzy ajaxem. Btw możesz zdradzić czemu chcesz submitowac dwa formy jednym buttonem?

K9
  • Rejestracja:około 6 lat
  • Ostatnio:ponad 3 lata
  • Postów:141
0
axelbest napisał(a):

Ja się bym tylko tutaj zastanowił czy w powyższym rozwiązaniu nie będzie to działało tak, że najpierw wyślę się itemForm1 I nastąpi przekierowanie? (przez co może drugi form nie wyślę się wcale)

Wywołanie samej akcji submit na pierwszym formie w teorii powinno Cie przekierować na to co masz w form action.

Proponowałbym przesłanie tych formularzy ajaxem. Btw możesz zdradzić czemu chcesz submitowac dwa formy jednym buttonem?

Bo mam te formularze na tabsach, a chciałbym, żeby dało się zapisać zmiany globalnie tj. jednym przyciskiem submit.

axelbest
  • Rejestracja:ponad 17 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Warszawa
  • Postów:2252
0

Ja bym zrobił tak jak pisałem :) ew. pokusił się o reorganizacje formow, żeby jeden form obejmował wszystkie taby(ale podejrzewam że wolisz mieć to bardziej modularnie)

pixel_perfect
  • Rejestracja:ponad 6 lat
  • Ostatnio:prawie 3 lata
  • Postów:21
0
kamilos95 napisał(a):
axelbest napisał(a):

Ja się bym tylko tutaj zastanowił czy w powyższym rozwiązaniu nie będzie to działało tak, że najpierw wyślę się itemForm1 I nastąpi przekierowanie? (przez co może drugi form nie wyślę się wcale)

Wywołanie samej akcji submit na pierwszym formie w teorii powinno Cie przekierować na to co masz w form action.

Proponowałbym przesłanie tych formularzy ajaxem. Btw możesz zdradzić czemu chcesz submitowac dwa formy jednym buttonem?

Bo mam te formularze na tabsach, a chciałbym, żeby dało się zapisać zmiany globalnie tj. jednym przyciskiem submit.

To może pokombinuj coś w takim typie że zbierasz sobie dwa obiekty w jeden i wysyłasz ten obiekt go

Kopiuj
{...itemForm1.value, ...itemForm2.value}

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.