javascript - 如何在 JQuery 数据表的每一行中添加多个按钮以及如何在它们上应用事件

标签 javascript jquery mysql datatables

我有一个按钮,但我需要两个按钮并在单击它们时执行一些 MySql 以从底层数据库获取数据。

如何使用这两个按钮执行事件?

$(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();
    } );
} );

最佳答案

只需为每个按钮分配一个类,并为每个类附加一个事件处理程序。

$(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();
     } );
});

关于javascript - 如何在 JQuery 数据表的每一行中添加多个按钮以及如何在它们上应用事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31327933/

相关文章:

javascript - 如何将CSS添加到Javascript中?

java - MySQL 语法错误 - Java

javascript - 获取日期输入最大和最小日期

javascript - 复选框显示隐藏字段 - 无法加载

mysql - 如何使用条件内子查询结果的字段?

php - cakephp 从一列中的字符串中选择多个字符串

javascript - 如何访问具有无效字符的对象属性

javascript - fetch api 从服务器获取错误消息而不是通用消息

JavaScript:2011 年我应该担心内存泄漏吗?

JavaScript/jQuery 计算 URL 段