Skip to main content
se añadieron 289 caracteres en el cuerpo
Origen Enlace
Baker1562
  • 1.2k
  • 2
  • 17
  • 53

Al tratar de traer el Indice de la DataTable, el mismo me devuelve undefined:

 var rowindex = table.row($(this).parents('tr')).index();
 console.log("Index ", rowindex);
 var id_celda = table.cell(rowindex, 0).data.id;
 console.log("Valor ", id_celda);

introducir la descripción de la imagen aquí

¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

Al tratar de traer el Indice de la DataTable, el mismo me devuelve undefined:

 var rowindex = table.row($(this).parents('tr')).index();
 console.log("Index ", rowindex);
 var id_celda = table.cell(rowindex, 0).data.id;
 console.log("Valor ", id_celda);

introducir la descripción de la imagen aquí

¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

Arreglo de código mal puesto
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Tengo una DataTableDataTable con datos, en. En la misma estoy tratando de hacer clickclick en una celda de X fila la cual me va a permitir cambiar ese dato, una. Una vez que le de ENTER quiero capturar el ID (que viene siendo la primera columna de ESAesa fila):

El inputinput donde "edito"edito se genera dinamicamentedinámicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function () {
            if (!$('#tablaStandard').hasClass("editing")) {
                $('#tablaStandard').addClass("editing");
                var thisCell = table.cell(this);
                console.log(thisCell);
                thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
            }
        });
$('#tablaStandard tbody').on("keypress", ".cantidadEditOrden", (e) => {

            if (e.which == 13) {

                console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());
                console.log($('#tablaStandard tr').closest("tr").find("td:nth-child(0)").html());
                console.log($('#tablaStandard tr').find("td:eq(0)").html());
                var first_td = $('#tableID tbody tr').closest("tr") // Finds the closest <tr> 
                    .find("td:first") // Finds the first <td>
                    .text(); // Gets its text. 
                console.log(first_td);
                console.log($('#tableID tbody').closest("tr").find("td:first")); 
                console.log($('#tableID tbody tr').closest("tr").find("td").text()); 
                console.log($(this).closest('tr').children('td:first').children()); 



                table.cell($(".cantidadEditOrden").parents('td')).data($(".cantidadEditOrden").val());
                $('#tablaStandard').removeClass("editing");
           
  }
            
        });

Que¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

Tengo una DataTable con datos, en la misma estoy tratando de hacer click en una celda de X fila la cual me va a permitir cambiar ese dato, una vez que le de ENTER quiero capturar el ID (que viene siendo la primera columna de ESA fila):

El input donde "edito" se genera dinamicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function () {
            if (!$('#tablaStandard').hasClass("editing")) {
                $('#tablaStandard').addClass("editing");
                var thisCell = table.cell(this);
                console.log(thisCell);
                thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
            }
        });
$('#tablaStandard tbody').on("keypress", ".cantidadEditOrden", (e) => {

            if (e.which == 13) {

                console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());
                console.log($('#tablaStandard tr').closest("tr").find("td:nth-child(0)").html());
                console.log($('#tablaStandard tr').find("td:eq(0)").html());
                var first_td = $('#tableID tbody tr').closest("tr") // Finds the closest <tr> 
                    .find("td:first") // Finds the first <td>
                    .text(); // Gets its text. 
                console.log(first_td);
                console.log($('#tableID tbody').closest("tr").find("td:first")); 
                console.log($('#tableID tbody tr').closest("tr").find("td").text()); 
                console.log($(this).closest('tr').children('td:first').children()); 



                table.cell($(".cantidadEditOrden").parents('td')).data($(".cantidadEditOrden").val());
                $('#tablaStandard').removeClass("editing");
            }
            
        });

Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

Tengo una DataTable con datos. En la misma estoy tratando de hacer click en una celda de X fila la cual me va a permitir cambiar ese dato. Una vez que le de ENTER quiero capturar el ID (que viene siendo la primera columna de esa fila):

El input donde edito se genera dinámicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function() {
  if (!$('#tablaStandard').hasClass("editing")) {
    $('#tablaStandard').addClass("editing");
    var thisCell = table.cell(this);
    console.log(thisCell);
    thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
  }
});
$('#tablaStandard tbody').on("keypress", ".cantidadEditOrden", (e) => {

  if (e.which == 13) {

    console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());
    console.log($('#tablaStandard tr').closest("tr").find("td:nth-child(0)").html());
    console.log($('#tablaStandard tr').find("td:eq(0)").html());
    var first_td = $('#tableID tbody tr').closest("tr") // Finds the closest <tr> 
      .find("td:first") // Finds the first <td>
      .text(); // Gets its text. 
    console.log(first_td);
    console.log($('#tableID tbody').closest("tr").find("td:first"));
    console.log($('#tableID tbody tr').closest("tr").find("td").text());
    console.log($(this).closest('tr').children('td:first').children());
    table.cell($(".cantidadEditOrden").parents('td')).data($(".cantidadEditOrden").val());
    $('#tablaStandard').removeClass("editing");
 
  }

});

¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?

se añadieron 610 caracteres en el cuerpo
Origen Enlace
Baker1562
  • 1.2k
  • 2
  • 17
  • 53

El input donde "edito" se genera dinamicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function () {
            if (!$('#tablaStandard').hasClass("editing")) {
                $('#tablaStandard').addClass("editing");
                var thisCell = table.cell(this);
                console.log(thisCell);
                thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
            }
        });

Estoy tratando de hacer lo siguiente:

Estoy tratando de hacer lo siguiente:

El input donde "edito" se genera dinamicamente al darle click a las celdas de la penultima columna:

$('#tablaStandard tbody').on('click', '.cantidadX', async function () {
            if (!$('#tablaStandard').hasClass("editing")) {
                $('#tablaStandard').addClass("editing");
                var thisCell = table.cell(this);
                console.log(thisCell);
                thisCell.data($('<input class="form-control cantidadEditOrden" type="number" value="' + thisCell.data() + '" name="number">').prop("outerHTML"));
            }
        });

Estoy tratando de hacer lo siguiente:

Origen Enlace
Baker1562
  • 1.2k
  • 2
  • 17
  • 53
Loading