Ajax的自定义按钮传递参数jQuery的数据表

Question

JS

我是新来Ajax.I有一个jQuery的dataTable的一个RoR app.I必须参数传递给按钮，这样我可以选择的动作当按钮被点击时被执行。

var invoiceTable = $('#invoice_list_index').DataTable({ 
 
    "scrollY": "300px", 
 
    "bScrollCollapse": true, 
 
    processing: true, 
 
    serverSide: true, 
 
    dom: 'Bfrtip', 
 
     buttons: [ 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 1', 
 
      }, 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 2' 
 
      }, 
 
      { 
 
       extend: 'alert', 
 
       text: 'My button 3' 
 
      } 
 
     ], 
 
    "ajax": { 
 
     type: "POST", 
 
     url: '/invoices/invoice_index_page', 
 
     
 
    } 
 
    });

<a class="dt-button buttons-alert" tabindex="0" aria-controls="invoice_list_index" href="#"><span>My button 1</span></a>

的问题是我不知道如何将参数传递到AJAX自定义按钮。

Answer 1

请确保你已经包含jQuery或没有。

Answer 2

演示：你需要做的https://jsfiddle.net/Prakash_Thete/7v7xLaz2/1/

那么第一件事就是为您创造DataTable buttons的行动。

请创建您的按钮，如下所示。

"dom": 'Bfrtip', 
    "buttons": [ 
      { 
       text: 'My button 1', 
       action: function() { 
       console.log("inside button 1"); 
       } 
      }, 
      { 
       text: 'My button 2', 
       action: function() { 
       console.log("inside button 2"); 
       } 
      }, 
      { 
       text: 'My button 3', 
       action: function() { 
       console.log("inside button 3"); 
       } 
      } 
     ] 

所以当你点击任何按钮时，相应的信息都会打印出来。

所以现在第二件事情传递参数到这些按钮就像任何其他正常的按钮只是使用相应的按钮的行动内的变量。