molily: append"Form" ... also ein bischen mehr als ein Element

Beitrag lesen

Hallo,

Spontan würde ich da mit serverseitiger Unterstützung (ajax) eine Liste mit Formular-Templates vorausgefüllt zurückschicken, aber es könnte ja auch einfacher gehen, also mit einer reinen JS-Lösung, gibts da schon was oder bleibt nur der Eigenbau?

Da gibt es sehr viele Lösungen, je nachdem, was für eine Komplexität du willst/brauchst.

  • HTML-String im JavaScript zusammenbauen, variable Inhalte einmontieren. Lässt sich durch eine Templating-Bibliothek vereinfachen.
  • DOM-Baum in JavaScript aufbauen, variable Inhalte einmontieren. Lässt sich durch Bibliotheken vereinfachen. Letztlich arbeitet JSX von ReactJS auch so.
  • Ein bestehendes (z.B. unsichtbares) DOM klonen und als Template nutzen. Inhalte händisch einmontieren oder mit Bibliotheken (1, 2).
  • JavaScript-Framework benutzen, das eine Templating-Lösung und das Rendern von Listen mitbringt. Dann füllt man nur einen Array mit einem Objekt (dem Model) und die Liste wird automatisch gerendert. Zum Beispiel Angular, Ember oder React.

Das HTML serverseitig zusammenzubauen ist natürlich auch eine mögliche Option, falls du clientseitig nicht viel Logik haben willst und die Logik serverseitig ohnehin implementieren musst.

Mathias