[SOLUCIONADO] Guardar datos tabla dinamica

[gcotto]

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:

$array_concepto_i = $_POST["concepto"] ;
$array_numero_i= $_POST["numero"] ;
$array_monto_i= $_POST["monto"] ;
 
 
foreach($array_concepto_i as $i=>$t) {
echo $array_concepto_i[$i]." - ".$array_numero_i[$i]." - ".$array_monto_i[$i];
$sql_insertar = "INSERT INTO ing_caja SET 
concepto='$array_concepto_i[$i]', 
numero='$array_numero_i[$i]',
monto='$array_monto_i[$i]'";
mysql_query($sql_insertar,$con) or die (mysql_error()); 
}
 

Muchas gracias

[xfxstudios]

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?????

[gcotto]

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:

echo '<pre>';
print_r($_POST);
echo '</pre>';
 

y no me toma el array.


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

Gracias

[xfxstudios]

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

[gcotto]

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