Erstellen Sie ein Formular dynamisch mit Ajax, jQuery

Question

Ich baue eine sehr kleine Web-ERP-Anwendung mit PHP / mySQL / CodeIgniter / jQuery
Die Bill / Rechnung wird gebaut mit

current date
client data
etc

Jetzt muss ich Produkte hinzufügen, auf die neue Rechnung, die erstellt wird, ohne Nachladen / die Seite einreichen. Jedes Produkt wird seine qtty., Beschreibung, Preis je Einheit, Wert Ihrer etc.

Ich möchte jedes Produkt „Reihe“ mit Ajax / jQuery hinzuzufügen.

• Wie soll ich bauen die Produkte dynamisch bilden? Ich meine, so dass Anwender eine neue Produktreihe hinzuzufügen oder Produktreihen von Rechnung zu entfernen, mit Ajax?
• Wie alle dynamisch hinzugefügt „Zeilen“ in Form zusammenzufassen, für Rechnungssumme zu bekommen?
• Und wie soll ich empfangen und behandeln alle Post-Daten, damit ich die richtige Rechnungssatz in den Rechnungen Tabelle einfügen können und die Produkte Datensätze in die products_invoices Tabelle einfügen?

EDIT: Hier können Sie ein funktionierendes Beispiel sehen, was ich tun möchte,
http://www.bambooinvoice.org/index.php/invoices/newinvoice

EDIT2: Die jQuery-Plugin scheint zu sein, was ich suchte
http://code.google.com/p/jquery-dynamic-form/

Answer 1

Im Grunde müssen Sie die Formularelemente auf das DOM dynamisch hinzufügen, wenn der Benutzer das Hinzufügen hält Reihen von neuen Daten. Ich glaube, jquery wird für den Zugriff auf / Modifizieren DOM-Knoten in unter Verwendung von Standard-APIs viel Hilfe sein.

Für Zahlen zusammenfassend, haben Sie die numerischen Felder mit speziellen Haken wie <span id="value_x">34</span> wickeln, wo x ein Zähler ist. Nach jeder Zugabe solcher neuen Daten durchlaufen solche span Elemente und die Werte summieren und sie in einem Bereich wie $("#sumtotal").innerHTML = sum; Anzeige

Nach der dynamischen Aktualisierungen der Form, wenn der Benutzer auf die Schaltfläche zum Senden klickt, werden alle Formulardaten werden als normale Post-Daten an den Server gehen. Sie müssen die richtigen name und id Attribute für die Datenfelder, die Sie auf dem Server bearbeiten wollen, und einige Datenbanktabelle aktualisieren.

Answer 2

da Sie jQuery verwenden, würde ich die jQuery Grid-Plugin verwenden, um die Produktreihen Abschnitt zu implementieren.

http://www.trirand.com/blog/

Es ist in hohem Maße konfigurierbar und flexibel, Sie Ajax manuell füllen können oder automatisch die Zeilen (es direkt aus einer MySQL-Tabelle mit einem einfachen PHP-Backend lesen können), und Sie haben alle Einrichtungen, um alle Zeilen zu durchlaufen, die Ergebnisse zu veröffentlichen an den Server, Paginieren zu tun (wenn Sie eine Menge Reihe benötigen, haben wir es erfolgreich mit mehr tha 15.000 Zeilen verwendet) und Ergänzungen und andere Operationen zu tun.

Hoffe, es hilft!