Невозможно установить значение в модальном режиме после первой страницы данных

Question

Я пытался показать список пользователей в своей таблице и, кроме того, я пытался обновить индивидуальную информацию о пользователе с помощью модема начальной загрузки.для этого я передал user_id следующим способом для установки в поле ввода.

 <button  data-toggle="modal" data-target="#myCoupon" class="btn btn-primary updateCoupon"  data-id="{{$user->id}}">Update Coupon</button><br>

$(function () {
        $(".updateCoupon").click(function () {
            var my_id_value = $(this).data('id');
            $(".modal-body #hiddenCoupon").val(my_id_value);
        })
    });

<input  id="hiddenCoupon" name="id" value="" type="hidden">

Но для первых 10 строк данных я мог бы установить поле ввода идентификатора, но для следующей страницы таблиц данных он не может быть установлен,Как загрузить таблицы данных со значением, чтобы я мог легко установить в поле ввода модальных.

Answer 1

Вы должны определить событие click после отображения dataTable даже после перехода на следующую страницу в нумерации страниц. Попробуйте сделать это с помощью обратного вызова dataTable:

var myTable;

myTable = $('#example').DataTable({
   "sPaginationType": "full_numbers",
    data: dataSet,
    columns: columnDefs,
    "drawCallback": function( settings ) {
       $(".updateCoupon").click(function () {
          var my_id_value = $(this).data('id');
          $(".modal-body #hiddenCoupon").val(my_id_value);
       });
     }
});

Я также создал скрипку. см. Эту ссылку .

Answer 2

твой код работает нормально с моей стороны.проверьте, получаете ли вы {{$ user-> id}} параметр для всех строк?

Answer 3

Кажется, что $ (". UpdateCoupon") не существует на следующих страницах после создания DataTable.Попробуйте это:

$('#your_table_id').on('click', '.updateCoupon', function() {
  var my_id_value = $(this).data('id');
  // etc
});

Answer 4

Вы можете попробовать это:

$(function () {
    $(".updateCoupon").on('click', function () {
        var my_id_value = $(this).data('id');
        $(".modal-body #hiddenCoupon").val(my_id_value);
    })
});