Добавить события для тега в Datatables

Question

Поэтому я решил использовать Datatables и мне удалось заставить datatables загружать данные из json, но я не знаю, как добавить событие или класс onclick в строки.

Вот старый код, который я использовал:

    <tbody id="skladove_table">

 <?php
  $query_checkObekt = "SELECT * FROM obekti WHERE owner='$user_hash'";
  $result_checkObekt = mysqli_query($conn, $query_checkObekt);

  if(mysqli_num_rows($result_checkObekt) > 0) {

    $query = "SELECT * FROM items WHERE owner ='$user_hash'";
    $result=mysqli_query($conn, $query);

    while($row = mysqli_fetch_assoc($result))

            {
              echo '<tr id="' . $row['unique_id'] . '" onmouseover=showItem(' . $row['unique_id'] . ');>';

              echo "<td>" . "<center>" . $row['custom_id'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['name'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['barcode'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['grupa'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['quantity_type'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['quantity_number'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['obekt'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['price_delivery'] . "</center>" . "</td>";
              echo "<td>" . "<center>" . $row['price_sale'] . "</center>" . "</td>";
              echo "<td style='width: 1%; padding-left: 1%; padding-right: 1%;' onclick='deleteItem(" . $row['unique_id'] . ");'><i class='fa fa-close'></i>"."</td>";

              echo "</tr>";
            }

  } else {
    //if no records in DB
  }

  ?>

  </tbody>

Если я использую этот код, я не могу обновить Datatable. Так как я начал использовать ajax для заполнения таблицы, я просто не могу заставить ее выглядеть так же. Я не знаю, как добавить события onclick (которые имеют пользовательский параметр для каждой строки).

Это код, который я сейчас использую:

<script type="text/javascript">

$(document).ready( function() {  
  $('#products_all').DataTable({ 
        "language": {"url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Bulgarian.json"},
        "colReorder" : true,
        "resetPaging" : false,
        "columnDefs" : [{"orderable": false, "targets": 9 }], 
       "ajax" : "generate_json/get_items.php",  
       "columns" : [  
            {"data" : "custom_id"},  
            {"data" : "name"},
            {"data" : "barcode"}, 
            {"data" : "grupa"},
            {"data" : "quantity_type"},
            {"data" : "quantity_number"},
            {"data" : "obekt"},
            {"data" : "price_delivery"},
            {"data" : "price_sale"},
            {"data" : "delete"},
            //{"data" : null, "defaultContent" : "<i style='padding: 5px;' class='fa fa-close'></i>"},

       ]  
  });  

});

Answer 1

Вы можете использовать rowCallback, там вы можете добавить в строку все, что захотите, например, обработчик кликов, класс или другое содержимое. Как то так:

"rowCallback": function( row, data ) {
  $(row).addClass('myClass');
  $(row).click(function() {
    alert('hello');
  });    
}