Javascript 如何在JQuery数据表的每一行中添加多个按钮,以及如何对其应用事件
我有一个按钮,但我需要两个按钮,并在单击按钮从底层数据库获取数据时执行一些MySql 如何使用这两个按钮执行事件Javascript 如何在JQuery数据表的每一行中添加多个按钮,以及如何对其应用事件,javascript,jquery,mysql,datatables,Javascript,Jquery,Mysql,Datatables,我有一个按钮,但我需要两个按钮,并在单击按钮从底层数据库获取数据时执行一些MySql 如何使用这两个按钮执行事件 $(document).ready(function () { var table= $('#example').dataTable( { "ajax": "..//wp-content/plugins/jobify/Admin/data.txt", "columnDefs": [ { "targets": -1,
$(document).ready(function () {
var table= $('#example').dataTable( {
"ajax": "..//wp-content/plugins/jobify/Admin/data.txt",
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent": "<button>View Posted Jobs</button>"
} ]
} );
$('#example tbody').on( 'click', 'button', function () {
//var data = table.row( $(this).parents('tr') ).data();
} );
} );
$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
“ajax”:“.//wp-content/plugins/jobify/Admin/data.txt”,
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“defaultContent”:“查看发布的作业”
} ]
} );
$(#示例tbody')。在('单击','按钮',函数()上){
//var data=table.row($(this.parents('tr')).data();
} );
} );
只需为每个按钮分配一个类,并为每个类附加一个事件处理程序
$(document).ready(function () {
var table = $('#example').dataTable( {
"ajax": "../wp-content/plugins/jobify/Admin/data.txt",
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent":
'<button class="btn-view" type="button">View Posted Jobs</button>'
+ '<button class="btn-delete" type="button">Delete</button>'
} ]
} );
// Handle click on "View" button
$('#example tbody').on('click', '.btn-view', function (e) {
//var data = table.row( $(this).parents('tr') ).data();
} );
// Handle click on "Delete" button
$('#example tbody').on('click', '.btn-delete', function (e) {
//var data = table.row( $(this).parents('tr') ).data();
} );
});
$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
“ajax”:“./wp content/plugins/jobify/Admin/data.txt”,
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“默认内容”:
“查看已发布的作业”
+“删除”
} ]
} );
//点击“查看”按钮
$(#示例tbody')。在('click','btn view',函数(e)上{
//var data=table.row($(this.parents('tr')).data();
} );
//点击“删除”按钮
$(“#示例tbody”)。在('click','btn delete',函数(e)上{
//var data=table.row($(this.parents('tr')).data();
} );
});
您可能需要查看columnDefs
render
选项。请参阅文档。请尽可能将您的问题格式化,并使其尽可能简洁(简短但描述良好)。你会得到更多的关注和更好的回答。