データテーブルボタンにブートストラップ "data-" attrを追加する方法

Question

データテーブルボタンで標準HTMLボタンを使用しないように切り替えたい場合は、データテーブルボタンにブートストラップdata-toogle & data-targetアトリビュートを追加するにはどうすればよいですか？

すべてのヘルプは非常に

ブートストラップボタン

<button 
    data-toggle="modal" data-target="#create_new_workorder" 
    type="button" class="btn btn-sm btn-warning btn-outline"><span 
    class="hidden-md hidden-sm hidden-xs">Create Workorder</span> <i 
    class="fa fa-fw fa-plus"></i> 
</button> 

データ・テーブルを高く評価しているボタン：

buttons: [ 
    { 
     text: 'New', 
     action: function() { 
      create_workorder_window(); 
     }, 
     className: 'btn btn-warning btn-outline' 
    }, 
    { extend: 'colvis', text: 'Show', className: 'btn btn-warning btn-outline'} 
], 

のjavascript：

function create_workorder_window() { 
    my_window = window.open("createworkorder", "create_workorder", ",toolbar=0,status=0,width=350,height=900"); 

モーダル：

<!--Create Workorder Form Modal --> 
<div class="modal fade " id="create_new_workorder" tabindex="-1" role="dialog" 
    aria-labelledby="TitleLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content modal-workorder"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&#xD7;</span></button> 
       <h4 class="modal-title">Create New Workorder</h4> 
      </div> 
      <form id="create_workorder" method="POST" enctype="multipart/form-data">{% csrf_token %} 
       <div class="modal-body"> 
        {{ workorder_form.as_p }} 
       </div> 
       <div class="modal-footer"> 
        <input class="btn btn-primary" type="submit" 
          value="Create Workorder"/> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel 
        </button> 
       </div> 
      </form> 
     </div> 
    </div> 

Answer 1

はネイティブAPIを介して、ボタンの属性もnameまたはidを追加する方法はありません。上記のコメントは正しいですが、リンク内に提案されている解決策はあまりにも過度に調理されています。単純にしておけば、APIやButtonsインスタンスを関与させる必要はありません。 classNameに独自のクラスを追加し、必要な属性を持つボタンを更新するためにinit.dtイベントに応答：

$('#example').on('init.dt', function() { 
    $('.my-text-button') 
    .attr('data-toggle', 'modal') 
    .attr('data-target', '#create_new_workorder'); 
}); 

var table = $('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
    text: 'New', 
    action: function() { 
     create_workorder_window(); 
    }, 
    className: 'btn btn-warning btn-outline my-text-button' 
    }] 
})