0

Estoy trabajando con datatables Jquery dinamicamente, pero el evento para el click en el boton que se agrega a la tabla no está siendo llamado, estoy usando Jquery, Javascript, PHP.

//Esta es la definición de la tabla dinámica:
 $('#test_<?= $row['id'] ?>').dataTable({
     "aaData": jsonData,
      "searching": false,
       paging: false,
       info:false,
      "aoColumns": columns});

//creo el item para agregarlo al final de cada fila
  let lastItem = {
  "sTitle": "Action",
   "mData": null,
   "sDefaultContent": '<button type="button" name="btndelete"   id="btndelete" 
    class="btn fas fa-trash btndelete">'  
     };
 columns.push(lastItem);


//la documentación describe algo como esto, pero actualmente no esta haciendo lladama al evento:
 $('#test_<?= $row['id'] ?> tbody').on( 'click', 'button.btndelete', function () 
 {
    console.log("deleted")
 });

//código html de la tabla
 <table id="test_<?= $row['id']?>" class="table table-striped table-bordered 
   dt-responsive nowrap" style="width:100%">
</table>


3
  • ¿Puedes pegar también el código HTML que ocupas para tu tabla? Commented el 22 dic. 2020 a las 3:16
  • listo, ya lo agregué. Commented el 22 dic. 2020 a las 3:30
  • Hola. Tu problema se debe a que el nuevo botón ingresa al DOM; pero, el código que enlaza los eventos no se vuelve a ejecutar con cada cambio en el mismo. De modo que los observadores de evento no rastrean los nuevos elementos. La solución es rebobinar: crear un método en en que se enlazan los observadores y llamarlo cada vez que se agregan elementos al DOM, luego de insertarlos.
    – quevedo
    Commented el 22 dic. 2020 a las 4:05

1 respuesta 1

0

Prueba de esta forma:

 $(document).on( 'click', '#test_<?= $row['id'] ?> tbody', function (){
    console.log("deleted")
 });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.