代码之家  ›  专栏  ›  技术社区  ›  User57

无法在数据表的第一页之后设置模式中的值

  •  0
  • User57  · 技术社区  · 6 年前

    我试图在我的表中显示用户列表,除此之外,我还试图用引导模式更新单个用户的信息。为此,我用下面的方法将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">
    

    4 回复  |  直到 6 年前
        1
  •  0
  •   Khang Tran    6 年前

    你可以试试这个:

    $(function () {
        $(".updateCoupon").on('click', function () {
            var my_id_value = $(this).data('id');
            $(".modal-body #hiddenCoupon").val(my_id_value);
        })
    });
    
        2
  •  0
  •   Neha    6 年前

        3
  •  0
  •   Konservin    6 年前

    在生成数据表时,$(“.updatecoon”)似乎不存在于下一页中。试试这个:

    $('#your_table_id').on('click', '.updateCoupon', function() {
      var my_id_value = $(this).data('id');
      // etc
    });
    
        4
  •  0
  •   Neha    6 年前

    您必须在dataTable呈现之后定义click事件,即使在分页中访问下一页之后也是如此。 尝试使用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);
           });
         }
    });
    

    我还创造了一把小提琴。 please see this link