在引导模式中,点击相应的datatables行中的按钮,填充数据
populate data on button click from the corresponding datatables row in a bootstrap modal
这里有一个类似的解决方案,唯一的区别是我想在单击按钮时以引导模式填充行的数据。每一行都有一个按钮。但是没有使用上面链接的示例中使用的那些.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解决方案将是首选方案。
现在我已经使用以下代码来实现这一点:
$('#table1 tbody').on( 'click', 'tr button', function () {
$('#myModal').modal('show');
$(".modal-title").html(table.row($(this).parents(':eq(1)')).data()[0]);
} );
相关文章:
- PHP使用AJAX和DataTables发布数据
- 等效于mRender,基于Jquery Datatables中的底层数据进行排序
- 在引导模式中,点击相应的datatables行中的按钮,填充数据
- JQuery Datatables AJAX源的行数据
- 在DataTables上显示Json数据
- 仅根据DataTables中第一列的下拉值筛选表数据
- 使用分页时如何从 DataTables.net 获取所有数据行
- 如何在数据表中复制一行(jQuery DataTables插件)
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- “未定义的表数据”在codeigniter中使用datatables jquery
- 如何拦截 jQuery Datatables 搜索函数以在搜索之前重新加载数据(函数的名称是什么)
- 将重复DataTables数据存储在选择下拉列表中
- DataTables在ajax数据加载后手动设置分页
- YUI3中的DataTables在每次数据更新/更改时都会刷新
- 将数据属性放在DataTables 1.10上的行add上
- 如何使用客户端数据更新jQuery.dataTables中的所有数据
- 在渲染函数中使用HTML时,如何使用DataTables中的正交数据进行排序
- Javascript/Datatables:如何在数据表中查找行
- JQuery DataTables合并同一行数据
- 如何在服务器端处理模式下发送表单数据和jQuery DataTables数据