Question

Here是一个类似的解决方案，唯一的区别是我想在按钮点击时填充bootstrap模式中的行数据。在每一行都有一个按钮。但不使用上述链接示例中使用的.responsive脚本。

这是我桌子的一个非常基本的例子。

 <table id="table1">
    <thead> <th>Table Data</th><th>Button</th>
    <td> $data </td> 
    <tr><td><button id=<?php echo $row['id'] ?> data-toggle="modal" class="pay" data-target="#myModal">Pay Fees</button></td></tr>
<div  class="modal fade" role="dialog" id="myModal">
<div class="modal-content">
 </div>
</div>

使用Jquery进行以下工作：

$(".pay").on( 'click', 'tr', function (){
    console.log( table.row( this ).data() );
      //pay_fees($id);
});

首选Jquery解决方案。

Answer 1

现在我使用以下代码来实现此目的：

$('#table1 tbody').on( 'click', 'tr button', function () {
    $('#myModal').modal('show');
    $(".modal-title").html(table.row($(this).parents(':eq(1)')).data()[0]);
} );

从引导模式中相应的数据表行中单击按钮填充数据

1 个答案: