agregar filas a una tabla

darion · #1 (**permalink**) 30/03/2011, 14:07

Hola amigos necesito de su ayuda para resolver un problema que me surgio,
estoy trabajando en un pequeño projecto de compras y ventas ,lo que estaba buscando era como hacer para que a medida que voy ingresando un articulo para la compra , se vayan generando filas . en realidad estaba buscando exactamente esto

http://www.stocksis.com/app/basic/demo/
usuario demo
pass demo
compras-nueva-iniciar (ponen en codigo 123) y agregar
lo unico que se es que se hace con jquery y tablesorter pero no encontre mucha informacion de lo que yo estoy buscando.
existe algun tutorial de como hacerlo?
saludos y muchas gracias

darion · #2 (**permalink**) 31/03/2011, 07:15

alguien podria ayudarme?

Dany_s · #3 (**permalink**) 01/04/2011, 07:30

fijate aca hay 2 ejemplos

http://www.forosdelweb.com/f127/clon...tenido-899997/

http://www.forosdelweb.com/f127/jque...namico-898702/

darion · #4 (**permalink**) 01/04/2011, 07:35

buenisimo Muchas gracias!!!

Dany_s · #5 (**permalink**) 01/04/2011, 07:47

algo asi, si agregas mas campos a la tabla debe funcionar sin modificar nada

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
 
        $(function(){
            fila = $("#articulos tbody").html();
            $("#agregarArticulo").click(function(){
                $("#articulos tbody").append( fila );
            });
 
            $('.borrarArticulo').live('click', function(){
                $(this).closest('tr').remove();
            });
 
            $('#compras').submit( function(){
                alert ($(this).serialize());
                return false;
            });
        });
 
        </script>
    </head>
    <body>
 
    <form id="compras">
        <table id="articulos">
            <thead>
                <tr>
                    <th>Cantidad</th>
                    <th>Código</th>
                    <th>Descripción</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="text" size="3" name="cantidad[]"></td>
                    <td><input type="text" size="5" name="codigo[]"></td>
                    <td><input type="text" size="10" name="descripcion[]"></td>
                    <td><a href="#" class="borrarArticulo">Borrar</a></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td><a href="#" id="agregarArticulo">Agregar articulo</a></td>
                </tr>
            </tfoot>
        </table>
        <input id="submit" type="submit" value="Enviar">
    </form>
    </body>
</html>

darion · #6 (**permalink**) 01/04/2011, 07:54

Sos un Maestro Ya me salvaste varias veces
Gracias capo!!!
Saludos