Powielanie fragmentu formularza, czyli dynamiczna edycja pozycji Opcje

[WebCM]

Przykład:

Kod

Pobieramy dane za pomocą PHP:
$db->query(...);
/* dołączamy skrypt JS */
/* w szablonie generujemy kod HTML */

Edytujemy menu nawigacyjne / odpowiedzi sondy / emotikony... Nowe linki / pozycje dodajemy dynamicznie za pomocą JavaScript - czyli bez konieczności przeładowania strony. Żądanie wysyłamy dopiero po wciśnięciu "Zapisz".

Skrypt JS musi wiedzieć, jak ma ten fragment dokumentu wyglądać. Kilka metod:

Definiujemy je w ukrytej warstwie <div>
Nie jest to najlepsze wyjście, choć już lepsze od umieszczania kodu HTML w zmiennej JS. A może odwrotnie?

Definiujemy za pomocą JSON strukturę fragmentu w szablonie
Za to biblioteka musi generować fragment formularza od podstaw (np. za pomocą DOM).

Może są lepsze rozwiązania?

Przechodzimy do edycji menu. Załóżmy, że istnieje kilka linków. Nasuwa się pytanie, czy PHP powinien sam wygenerować fragmenty formularza z linkami, czy powinien tylko przekazać wartości tych pól (np. za pomocą JSON)?


PS. Właściwie ważniejszą kwestią do dyskusji jest wybór miejsca, gdzie przechowywać szablon fragmentu formularza dla pojedynczego wpisu (np. linku menu). Otóż biblioteka do manipulacji linkami będzie uniwersalna - np. dla edycji pozycji sondy, emotikon, linków menu, itd.

Czy powinniśmy szablon przechowywać:

A. W ukrytej warstwie <div>:

Kod

<div id="something" style="display: none">
  <input .../> <input .../>
</div>

B. W zmiennej:

Kod

var data = '<input ... \'tekst\' ... />

C. Inny sposób, może JSON?

Kod

var data = {name: {...}} - czyli informacje, jak zbudować pola

Który sposób najlepszy i dlaczego? Czy ma więcej zalet od pozostałych?

Ten post edytował WebCM 8.05.2008, 22:02:27