[SOLUCIONADO] Como Actulizar datos en filas de una tabla

thedenis · #1 (**permalink**) 08/08/2014, 12:46

Hola a todos

Tengo el siguiente problema, tengo dos filas y cuando actulizo la cantidad en una fila se actualiza tambien en la otra fila..

Como puedo hacer para que la actulizacion sea individual por cada fila ?

Aca les dejo el codigo completo :

Código:

<html>
<head>
<title></title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>


<script type="text/javascript">


var inicio=function () {
	$(".cantidad").keyup(function(e){
		if($(this).val()!=''){
			if(e.keyCode==13){
				var id=$(this).attr('data-id');
				var precio=$(this).attr('data-precio');
				var cantidad=$(this).val();
				$(this).parentsUntil('.productouni').find('.subtotal').text('Subtotal: '+(precio*cantidad));
				$.post('./js/modificarDatos.php',{
					Id:id,
					Precio:precio,
					Cantidad:cantidad
				},function(e){
						$("#total").text('Total: '+e);
				});
			}
		}
	});
}	
$(document).on('ready',inicio);





</script>


</head>
<body>

<table border="10">
                      
		   
                     <div class="productouni">
                       
                    		<tr>
                            	<td><img src="./productos/1.jpg
" width="100" height="100"></td>
                                <td><span >Skate Mod 162 C/ Lija</span><br></td>
                                <td><span>Precio: 588.2</span><br></td>
                                <td><span>Cantidad: 
							<input type="text" value="4"
							data-precio="588.2"
							data-id="32"
							class="cantidad">
						</span><br></td>
                                <td><span class="subtotal">Subtotal:2352.8</span><br></td>
                                <td><a href="#" class="eliminar" data-id="32">Eliminar</a></td>
                         
                            </tr>
            
				</div>
    
    
    
 
    
				
			    
    
    
   
    
    
   
                    
                      
		   
                     <div class="productouni">
                       
                    		<tr>
                            	<td><img src="./productos/907837_1465413_454703301302688_1154107214_n.jpg" width="100" height="100"></td>
                                <td><span >zapatos</span><br></td>
                                <td><span>Precio: 120</span><br></td>
                                <td><span>Cantidad: 
							<input type="text" value="10"
							data-precio="120"
							data-id="46"
							class="cantidad">
						</span><br></td>
                                <td><span class="subtotal">Subtotal:1200</span><br></td>
                                <td><a href="#" class="eliminar" data-id="46">Eliminar</a></td>
                         
                            </tr>
            
				</div>
    



</table>


</body>

</html>

Espero que me puedan Ayudar Saludos...

Alexis88 · #2 (**permalink**) 08/08/2014, 15:46

Pues, si utilizas las mismas clases para ambos bloques, era de esperarse ese comportamiento, además, no es correcto encapsular una fila dentro de un elemento de bloque que no sea una tabla.

Podrías asignar una clase distinta a cada fila y ya desde ahí hacer el resto, con la salvedad de que tendrías que obtener la clase del elemento padre, que en este caso sería la fila, para que así no ocurra lo que hasta ahora viene sucediendo.

Saludos

ljbautista · #3 (**permalink**) 19/07/2015, 15:03

Bueno esta será mi primera respuesta en el foro :D

Yo ocupo exactamente el mismo script, lo saque de un video tutorial para un carrito de compras y me sucedia lo mismo, investigue y pude hacerlo así:

Sabiendo los indices de la celda; el de la columna no hay problema siempre sera el mismo, y el indice de la fila lo mando en un data-atribute (como mandas el id y precio):

Código HTML:

Ver original<table id="dataTables-nota">
...
</table>

Código Javascript:

Ver original$(".cantidad").keyup(function(e){
            if($(this).val()!=''){
                if(e.keyCode==13){
                    var id=$(this).attr('data-id');
                    var precio=$(this).attr('data-precio');
                    var cantidad=$(this).val();
                    var ind = $(this).attr('data-irow')
                    
                    table = $('#dataTables-nota').DataTable();
                    table.cell(ind,7).data('stock');
 
                    $.post('php/controllers/ctrl_ventas_process.php',{
                        ...
                    });
                }
            }
        });

btw ya no necesitas la clase producto y subtotal para actualizar, asi modificas directamente el contenido de la celda...

Espero les sirva a los que como yo sufrimos por ser novatos :/

Saludos.