2016-04-19 24 views
-2

Here是一个类似的解决方案,唯一的区别是我想填充行中的数据引导模式上的按钮单击。每一行都有一个按钮。但不使用上述链接示例中使用的那些.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的解决方案将是优选的。

+0

所以,你要能够点击加号按钮在模式查看行详细信息([就像你的链接(HTTPS ://datatables.net/extensions/responsive/examples/display-types/bootstrap-modal.html)),但那些字段应该是可编辑的?是否有应该更新的支持数据库? – 4castle

+0

不,我希望通过点击我自己的按钮来实现这一点,就像在我的桌子上一样。这个Plus按钮需要我包含那些我不想要的那些响应脚本 –

+0

为什么你不想使用它?我们不能只为你写一个完整的定制插件。您需要将问题缩小到您不知道如何执行的特定子任务。 – 4castle

回答

0

现在我用下面的代码来实现这一目标:

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