Ako riesit ajaxovu formu? rubrika: Programování: JavaScript

6 Ivan Jaros
položil/-a 6.9. 17:48

Ahojte,
robim na projekte kde je stranka ktora obsahuje filtrovaciu formu a mapu ktore spolu interaguju a nejaky vypis vysledkov.

Forma pri zmene odosle ajaxom hodnoty na backend a ten vrati prerendrovanu formu, zoznam vysledkov a prisluzne body pre mapu.

Mal som problem s tym ze pouzivam cms kde bol problem dosiahnut specificku sturkturu formy kvoli stylovaniu a gridu a tak som zacal zvazovat ze tu stranku spravim ako SPA v nejakom modernom fw. Som backendista takze JS sa vyhybam(+ neznasam jazyk ako taky) a riesim veci co najjednoduchsie s jquery a pod.

Takze som sa musel ucit tieto moderne fw. Skusil som aureliu, vue, preact, polymer a neviem co este a najdalej som sa dostal s aureliou a vue.

Viem si spravit strukturu ale vzdy skoncim na tom ze potrebujem mimo tej app-likacie pracovat s hodnotami(state), interagovat s mapou a backendom a pod a tam mi logika a moje schopnosti v tychto fw nestacia a tapem v tom uz cez tyzden.

Prebieham od jedneho fw k druhemu. Pendlujem medzi rendrovanim formy na servery a na frontende a medzi schemou a natvrdo nakodovanou formou a uz proste neviem ako dalej. Nevidim ziadnu cestu ako toto riesit z nejakeho dovodu. Nikdy som neptoreboval takto specificky riesit vizual formy a jej funkcionalitu.

Tak by ma zaujimalo ako by ste to riesili vy?

Zatial pouzivam foundation grid a ta forma je klucova pre cely projekt takze bude vyzadovat specificke stylovanie(preto sa mi pacia komponenty a izolovana logika a styly) a casom funkcnost pre mobilne zariadenia s dobrym ui(neviem ci nove alebo len s pomocou foundation).

Forma sa ako taka skalda z troch casti - genericke filtre, aktivne filtre a typove filtre. Genericke filtre obsahuju pole(typ) podla ktoreho sa pouzije sablona(fieldy) pre sekciu typovych filtrov a aktivne filtre obsahuju vypis neprazdnych poli(cast typove filtre je skryvacia takze user ma takoto prehlad co ma aktivne).

Cize genericka cast mi urcuje typovu cast a typova cast mi urcuje aktivne filtre. O nejaky vykon mi nejak moc nejde(vdom), skor o riesenie ako take.

Komentáře

  • matej.chrenko : pride mi, ze to nie je ani tak problem technicky, ako problem tvojich momentalnych schopnosti a skusenosti, nemyslim, ze ti niekto sem posle rovno hotovy kod, co tak radsej si zaplatit na to frontendaka. Napr. nejak motanie stylovania do otazky mi pride uplne mimo, lebo to funkcnost nijak neovplivnuje... 6.9. 23:30
  • Taco : Se obávám, že jsem se v tvém popisu problému ztratil. Nemůžeš to trošku přeformulovt? Uvést, čeho přesně chceš dosáhnout? 7.9. 16:41
odkaz Vyřešeno
6 Ivan Jaros
odpověděl/-a 9.9. 16:24
 
upravil/-a 11.10. 13:21

Tak som bol schopny sa pohnut vo Vue.js na taku uroven ze to viem spravit v nom. Takze na koniec json + reaktivny framework.
-- Vysledok: https://haushaushaus.com

Komentáře

  • VirtualSkiper : Tak u toho Vue zustan a poradne se nauc, v podstate je jedno jaky framework, ale jeden musis umet pokud nechces skoncit jako zneuznanej hobbik. Vanilla JS is malpractice https://youtu.be/L-fx2xXSVso 10.10. 22:34

Pro zobrazení všech 4 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.