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):
- En rojo es lo que que cambio
- En azul es el valor que quiero obtener despues de cambiar el 50
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"));
}
});
Estoy tratando de hacer lo siguiente:
$('#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");
}
});
Pero no me devuelve lo que requiero, solo esta linea:
console.log($('#tablaStandard tr').closest("tr").find("td:first-child").html());
Me esta devolviendo valor, pero me devuelve la primera coincidencia de la tabla, lo cual esta mal ya que necesito la de la fila actual:
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);
¿Que necesito cambiar para poder obtener el valor de la fila donde haga la modificación?