Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Guardar datos tabla dinamica

Estas en el tema de Guardar datos tabla dinamica en el foro de Jquery en Foros del Web. Estimados, tengo un problema con una tabla dinámica. Tengo una tabla dinámica con tres lineas, si las completo y envío los datos con el método ...
  #1 (permalink)  
Antiguo 26/05/2016, 15:46
 
Fecha de Ingreso: marzo-2016
Mensajes: 8
Antigüedad: 8 años, 1 mes
Puntos: 0
Guardar datos tabla dinamica

Estimados, tengo un problema con una tabla dinámica.

Tengo una tabla dinámica con tres lineas, si las completo y envío los datos con el método post dentro de un form me los envía correctamente.

Si creo un cuarta fila, con un boton, que tiene un código js, dicha fila no me la toma para el método post, las filas 4 en adelante es como que no las toma dentro del array.

El código de la tabla es el siguiente

Código HTML:
 <form role="form" action="php/guardar_caja.php" method="POST">
  <div class="panel-body">
    <div class="col-md-12 table-responsive">
      <table class="table table-bordered table-hover table-sortable" id="tab_logic">
        <thead>
          <tr >
            <th class="text-center">
              ID
            </th>
            <th class="text-center">
              Concepto
            </th>
            <th class="text-center">
              Numero
            </th>
            <th class="text-center">
              Monto
            </th>
            <th class="text-center" >
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <input type="text" name='cod[]' class="form-control">
            </td>
            <td>
             <select name="concepto[]" class="form-control" >
               <option value="">Concepto</option>
               <option value="11- No Cambiar">11- No Cambiar</option>
             </select>
           </td>
           <td>
            <input type="text" name='numero[]' class="form-control">
          </td>
          <td>
            <input type="text" name='monto[]' class="form-control">
          </td>
          <td>
            <button nam"del0" class='btn btn-danger glyphicon glyphicon-remove row-remove'></button>
          </td>
        </tr>
     </tbody>
    </table>
  </div>
</div> 
</form> 

El codigo js es el siguiente:

Código PHP:
$(document).on('ready'funcPrincipal);

function 
funcPrincipal() 
{
    $(
"#add_row").on('click'funcNuevoAlineamiento);
    
}


function 
funcNuevoAlineamiento() 
{
    $(
"#tab_logic")
    .
append
    
(
        $(
'<tr>').addClass('ui-sortable-handle')
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''cod[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;').attr('value''E')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''desc[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''numero[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>')
            .
append
            
(
                $(
'<input>').attr('type''text').addClass('form-control').attr('name''monto[]').attr('style','height: 26px; padding: 6px 6px; border-radius: 9px;')
            )
        )
        .
append
        
(
            $(
'<td>').addClass('text-center')
            .
append
            
(
                $(
'<div>').addClass('btn btn-danger glyphicon glyphicon-remove row-remove').attr('style','padding: 2px 5px !important; margin-bottom: 0px; ')
            )
                    
        )        
    );
    
//.append("<tr><td>123</td><td>456</td></tr>");

Asi recojo los datos y los envios a la base de datos

Código PHP:
Ver original
  1. $array_concepto_i = $_POST["concepto"] ;
  2. $array_numero_i= $_POST["numero"] ;
  3. $array_monto_i= $_POST["monto"] ;
  4.  
  5.  
  6. foreach($array_concepto_i as $i=>$t) {
  7. echo $array_concepto_i[$i]." - ".$array_numero_i[$i]." - ".$array_monto_i[$i];
  8. $sql_insertar = "INSERT INTO ing_caja SET
  9. concepto='$array_concepto_i[$i]',
  10. numero='$array_numero_i[$i]',
  11. monto='$array_monto_i[$i]'";
  12. mysql_query($sql_insertar,$con) or die (mysql_error());
  13. }
Muchas gracias
  #2 (permalink)  
Antiguo 26/05/2016, 20:11
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Guardar datos tabla dinamica

donde cierras la tr en el código js?????? a parte de que se podía haber simplificado sin tantos append y todo eso, lo veo burdo, yo lo he hecho con un solo bloque y un solo append sin tanta complicación de colocar atributos y toda esa parafernalia que no veo en la tabla original.

has revisado la consola del navegador o hecho alguna inspección de código en tiempo real para ver en que punto se están creando las lineas nuevas?????
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 27/05/2016, 06:03
 
Fecha de Ingreso: marzo-2016
Mensajes: 8
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Guardar datos tabla dinamica

Hola, gracias por responder.

Ya corregí el tema del tr, me faltaba.

En cuanto al append, si son muchos, lo separe para tratar de entender si tenia error, pero otros lo tengo en una sola linea.

No me sigue tomando las variables de lo que se crea. Por ejemplo si pongo otros nombres en los td, en el campo name, creo que la fila dinamicamente y guardo me dice

Notice: Undefined index: conceptopr in C:\xampp\htdocs\Cajas\PHP\guardar_caja.php on line 30

Hago un
Código PHP:
Ver original
  1. echo '<pre>';
  2. print_r($_POST);
  3. echo '</pre>';

y no me toma el array.


La fila se inserta luego de la ultima fila y antes del </tbody>

Gracias
  #4 (permalink)  
Antiguo 27/05/2016, 12:10
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Guardar datos tabla dinamica

y todo se esta agregando de manera correcta, es decir, como los atributos y todo eso lo colocas es con jquery??? podría ser que no te este agregando el nombre, porque es raro que si todo esta correcto como dices y los nombres tambien, deberia de estar pasando la info
__________________
[email protected]
HITCEL
  #5 (permalink)  
Antiguo 27/05/2016, 13:04
 
Fecha de Ingreso: marzo-2016
Mensajes: 8
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Guardar datos tabla dinamica

Gracias por el interés. Con el arreglo del Tr y un Div que había quedado mal, quedo solucionado.
Muchas gracias

Etiquetas: dinamica, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:24.