jQuery datatables row selectpicker

Question

问题是如何在表内创建selectpicker。我有休息API，我的价值观到我的桌子。但我的桌子必须有selectpicker加入。我不知道如何管理这个。 selectpicker包含来自rest api的值。 这就是我想要把selecpicker：

1. { "sCellType": "select", "sClass": "selectpicker","data":'<option>'+"status"+'</option>'}

我的jQuery代码看起来像：

function get_all(){ 
    $('#data_table_out_mix').dataTable({ 
     "dom": '<"top"fi>rt<"bottom"lp><"clear">', 
     "iDisplayLength": 5, 
     "processing": true, 
     "serverSide": true, 

     "ajax":{ 
      url:'/out_invo_all/' 
     }, 

     "columns": [ 

      { "data": "invoice_number" }, 
      { "data": "customer" }, 
      { "data": "date" }, 
      { "data": "due_date" }, 
      { "data": "total_invoice_amount" }, 
      { "sCellType": "select", "sClass": "selectpicker","data":'<option>'+"status"+'</option>'}, 
      {"defaultContent": '<img style="cursor:pointer" class="img-responsive CloneRow" src="../static/izibizi/images/forms/icon_duplicate.png">'}, 
      {"defaultContent": '<img id = "obrisi" data-toggle="modal" data-target="#OutgoingInvo" style="cursor:pointer" class="img-responsive OutgoingInvo" src="../images/forms/icon_delete.png">'}, 

     ] 

    }); 
} 

如果你culd给我一些这方面的建议。

Answer 1

您可以使用dataTables columns.render函数来创建动态元素。

"columns": [ 

     { "data": "invoice_number" }, 
     { "data": "customer" }, 
     { "data": "date" }, 
     { "data": "due_date" }, 
     { "data": "total_invoice_amount" }, 
     { "data": "arraySelect", render: function(val) { 
      var options = ''; 
      for(var i=0; i<val.length; i++) 
       options += '<option>'+val[i]+'</option>'; 
      return '<select>'+options+'</select>'; 
     }}, 
     {"defaultContent": '<img style="cursor:pointer" class="img-responsive CloneRow" src="../static/izibizi/images/forms/icon_duplicate.png">'}, 
     {"defaultContent": '<img id = "obrisi" data-toggle="modal" data-target="#OutgoingInvo" style="cursor:pointer" class="img-responsive OutgoingInvo" src="../images/forms/icon_delete.png">'}, 

    ]