row (). data для извлечения определенной строки столбца с помощью плагина datatables.net

Question

РЕДАКТИРОВАТЬ: удалил мое видео YouTube, вот простое решение :

$(document).on('click', '.edit_btn', function() {
  var rowData = $('#example').DataTable().row($(this).parents('tr')).data();
});

«Рабочий код»:

<script type="text/javascript"> 
$(document).on('click','.edit_btn',function (){
      var id = $(this).attr("id").match(/\d+/)[0];
        var edit_id = $('#example').DataTable().row( id ).data();
        var edit_id = edit_id[0];
    $.ajax({
         url: 'index.php',
          datatype: "json",
      data: { edit_id : edit_id },
      async: false,
        success: function(result) {
              //alert(edit_id);
                  $("#edit_id").val(edit_id);
        } //success func
    }); //ajax
}); //end ready
</script>

Что я пробовал Я пробовал много вещей, как в видео YouTube.Я не мог заставить оригинальный пример работать по ссылке.

Должен ли я использовать Jquery, как это ??var last_name = $('#example').DataTable().row( last_name ).data();

Или php как этот?$('#editLastName').val( <?php echo $row['first_name']; ?> );

Или что-то в файле ajax?

Answer 1

Что вы можете попробовать, так это получить родительский элемент tr, хотя я не уверен, что это лучший подход.

Упрощено:

$(document).on('click', '.edit_btn', function() {
  var rowData = $('#example').DataTable().row($(this).parents('tr')).data();
});

По сути, вы получаете родительский trиз элемента кнопки, по которому вы щелкаете и получаете данные из этой строки.

Что я также заметил, ваш идентификатор данных с кнопки, кажется, испорчен.Это выглядит так: data-id='s-"0"'.Я не уверен, как вы это сгенерируете, но в случае, если вы это исправите и это выглядит как data-id="0", вы можете выбрать строки с помощью $('#example').DataTable().row($(this).data('id')).data();.

Как видите, здесь довольно много возможностей.