Javascript Can';t在数据表的第一页之后的模式中设置值
我试图在我的表中显示用户列表,此外,我还试图用引导模式更新个人用户信息。为此,我通过以下方式将用户_id传递到输入字段中Javascript Can';t在数据表的第一页之后的模式中设置值,javascript,jquery,datatable,bootstrap-modal,Javascript,Jquery,Datatable,Bootstrap Modal,我试图在我的表中显示用户列表,此外,我还试图用引导模式更新个人用户信息。为此,我通过以下方式将用户_id传递到输入字段中 <button data-toggle="modal" data-target="#myCoupon" class="btn btn-primary updateCoupon" data-id="{{$user->id}}">Update Coupon</button><br> $(function () {
<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">
更新优惠券
$(函数(){
$(“.updateConon”)。单击(函数(){
var my_id_value=$(this.data('id');
$(“.modal body#hiddencoup”).val(我的id值);
})
});
但是对于datatable的前10行,我可以设置id输入字段,但是对于datatables的下一页,它不能设置。如何加载带有值的数据表,以便我可以轻松地设置为模态输入字段 您可以尝试以下方法:
$(function () {
$(".updateCoupon").on('click', function () {
var my_id_value = $(this).data('id');
$(".modal-body #hiddenCoupon").val(my_id_value);
})
});
你的代码在我这边运行得很好。检查是否正在为所有行获取{{$user->id}}参数?在生成数据表时,下一页上似乎不存在$(“.updatecon”)。试试这个:
$('#your_table_id').on('click', '.updateCoupon', function() {
var my_id_value = $(this).data('id');
// etc
});
即使在分页中浏览下一页之后,也必须在呈现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);
});
}
});
我还创作了一把小提琴 实际上没有任何更改。是的,有$user->id,您是否使用分页的datatables进行了检查?是的,我已使用分页的datatable进行了检查。我还使用其他项目进行了检查。在表单中,它无法获取数据id