DataGrid Dinamico PHP

[juan_reyes69]

Comunidad de PHP; mi pensado es montar un data grid con unos productos y que realice operaciones aritmeticas sin aplicar un submit sino que la agregar un dato cálcule los valores para ello tengo:

primera columna con un checkbox (Que esta desmarcado) que al marcarlo se disponga a realizar la operación del producto seleccionado y que cuando se desmarque deje los valores iniciales sin ningún cálculo.

segunda columna :los productos (No editables)

Tercera columna:Valor unitario (No editable)

Cuarta columna:Cantidad (No editable ya viene por defecto este valor)

Quinta Columna:Cantidad Adicional (ESTE VALOR SI ES EDITABLE POR DEFECTO ESTA ESPACIO TIENE VALOR DE 0)

sexta columna:Total cantidad (Aquí si el valor debe ser el cálculo (Suma)entre cuarta columna y quinta columna)

Séptima columna: Total Valor (Sexta Columna * Tercera Columna)

Al final de la septima columna: Total Neto

y al Final de la cuarta columna: Total Productos

No se por donde empezar ya que lo que he pensado es sin ningun botón de calcular ya cuando el cliente este seguro si coloco el boton para enviar los datos

Muchas gracias....

[ylellan]

busca y lee un poco de ajax puede servirte para hacer eso

[chumisiado]

Amigo, creo que lo que estas buscando es JavaScript, no PHP, para que sea php tienes que necesariamente hacer un submit, ya sea del form completo o por ajax.

lo mas facil es hacer un funcion que tome las filas por algun indice, por ejemplo:

col1 = valor unidad
col2 = cantidad
col3 = total

Para recuperar los valores iniciales, puedes poner unos campos hidden con los valores fijos, y nunca cambiarlos, asi puedes utilizar el mismo metodo getElementById para recuperar los valores iniciales....espero te sirva de guia.

Atte.
Domingo

la tabla html seria algo asi

Código HTML:

<table>
	<tr>
	  <td>Valor Unitario </td>
	  <td>Cantidad (Modificable) </td>
	  <td>Total</td>
	  <td>&nbsp;</td>
  </tr>
	<tr>
		<td><input type='text' id="col1_1" value="1990" readonly="readonly"></td>
		<td><input type='text' id="col2_1" value= "0"></td>
		<td><input type='text' id="col3_1" value= "0" readonly="readonly"></td>
		<td><input type="button" value="Calcular Fila" onClick="javascript: fnMultiplicar(1);"  ></td>
	</tr>
	<tr>
		<td><input type='text' id="col1_2" value="2990" readonly="readonly"></td>
		<td><input type='text' id="col2_2" value= "0"></td>
		<td><input type='text' id="col3_2" value= "0" readonly="readonly"></td>
		<td><input type="button" value="Calcular Fila" onClick="javascript: fnMultiplicar(2);"  ></td>
		</tr>
</table>

<script>
	function fnMultiplicar(fila){
		var valUnitario = document.getElementById('col1_'+fila).value;
		var valCantidad = document.getElementById('col2_'+fila).value
		document.getElementById('col3_'+fila).value = valUnitario * valCantidad;
	}
</script>