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

3 Ivan Jaros
položil/-a 6.9.2017

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.2017
  • 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.2017
odkaz Vyřešeno
3 Ivan Jaros
odpověděl/-a 9.9.2017
 
upravil/-a 11.10.2017

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.2017

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.