Crear dinámicamente un formulario con Ajax, jQuery

Question

Estoy construyendo una pequeña web ERP de aplicaciones con PHP / mySQL / CodeIgniter / jQuery
La Factura está construido con

current date
client data
etc

Ahora, debo añadir productos a la nueva factura que se está creando, sin necesidad de recargar/presentación de la página.Cada producto tendrá su qtty., descripción, precio unitario, subtotal, etc.

Me gustaría añadir cada producto "fila" en el uso de Ajax/jQuery.

• ¿Cómo debo construir los productos de forma dinámica?Quiero decir, permite a los usuarios añadir una nueva fila del producto, o quitar el producto de las filas de la factura, el uso de Ajax?
• Cómo sumar todos los agrega dinámicamente "filas" en el formulario, para llegar total de la factura?
• Y ¿cómo debo recibir y tratar a todos los datos de envío para que yo pueda insertar el correcto registro de factura en la tabla facturas e insertar los productos de registros en el products_invoices mesa?

EDITAR:aquí puedes ver un ejemplo de lo que quiero hacer
http://www.bambooinvoice.org/index.php/invoices/newinvoice

EDIT2:Este plugin de jQuery que parece ser lo que estaba buscando
http://code.google.com/p/jquery-dynamic-form/

Answer 1

Básicamente, usted tiene que agregar el formulario de elementos al DOM de forma dinámica a medida que el usuario mantiene agregar las filas de los nuevos datos.Creo jquery será de mucha ayuda en el uso de apis estándar para el acceso/modificación de nodos DOM.

Para resumir cifras, usted tiene que envolver los campos numéricos con ganchos especiales como <span id="value_x">34</span> donde x es un contador.Después de cada adición de nuevos datos, iterar a través de tales span los elementos y la suma de los valores y mostrarlos en un campo como el de la $("#sumtotal").innerHTML = sum;

Después de las actualizaciones dinámicas en la forma, cuando el usuario hace clic en el botón de enviar, todos los datos del formulario se realizarán en el servidor como correo normal de datos.Usted debe usar el name y id atributos para los campos de datos que desea procesar en el servidor y actualizar algunas de tabla de base de datos.

Answer 2

dado que está utilizando jQuery, usaría el complemento jQuery Grid para implementar la sección de filas del producto.

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

Es altamente configurable y flexible, puede usar Ajax para rellenar manualmente o automáticamente las filas (puede leer directamente desde una tabla MySQL con un simple backend PHP) y tiene todas las facilidades para iterar todas las filas para publicar los resultados al servidor, para hacer paginación (si necesita muchas filas, la hemos utilizado con éxito con más de 15,000 filas) y para hacer adiciones & amp; otras operaciones.

¡Espero que ayude!