我想通过简单地点击相关的按钮删除行.. 数据表是有效的,我可以使用一些基本的功能,如数据中的排序和搜索,但当我点击按钮它只是简单地说未定义的错误:
为了您的信息,我使用datatable 1.10和jquery 1.10.2
代码:
<table cellpadding="0" cellspacing="0" border="0" class="row-border" id="table">
<thead>
<th>Video ID</th>
<th>Filename</th>
<th>Action</th>
</thead>
<tbody>
<td>1</td>
<td>ABCD</td>
<td><input type='button' name='deleteBtn' value='Delete' />
</tbody>
<tfoot>
<tr>
<th>Video ID</th>
<th>Filename</th>
<th>Action</th>
</tr>
</tfoot>
</table>
<script src="jquery.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script type="text/javascript">
var table = $('#table').dataTable( {} );
$('#table tbody').on('click',"input[type='button']",function() {
table
.row( $(this).parents('tr') )**
.remove()
.draw();
});
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我需要一些帮助来理解如何使用Datatables使每一行"可点击"......
服务器端,我正在使用Coldfusion来处理查询等.我在Datatables.net呈现的表中显示有关人员的信息.
在帮助页面说我应该使用DOM/jQuery的事件处理程序,如下所示:
$(document).ready(function() {
$('#example').dataTable();
$('#example tbody').on('click', 'tr', function () {
var name = $('td', this).eq(0).text();
alert( 'You clicked on '+name+'\'s row' );
} );
} );
Run Code Online (Sandbox Code Playgroud)
所以,这似乎是我想采取的路线,但我个人对jQuery的熟悉程度不足以促进我想做的事情......
而不是"警报",什么功能,方法或过程将允许我将我的行中的数据发送到新页面?
换句话说,如何获取所选行内的数据,并将其输出到新页面?
为您提供一个实际示例:1)服务台技术人员单击包含员工的行,2)包含在行中的所选员工的信息,并发送到新页面,如表单提交或URL变量... 3)存在重置密码或解锁帐户的选项.
我们非常感谢您的帮助,提前谢谢您.