jQuery DataTable birden filtrering

Question

Bu gibi benim jquery bir datatable inşa çalışmaz:

var ticketDataTable = $("#ticketDataTable").DataTable({ 
     serverSide: true, 
     ajax: { 
      url: ajaxUrl, 
      type: "POST", 
      data: function(data) { 
       data.ticketStatusFilter = ketStatusCheckboxes.filter(':checked') 
        .map(function() { return this.value; }).get() 
        .join(';') 
      } 
     }, 
     columns: [ 
      { 
       name: "ticket.ticketNumber", 
       data: "0.ticketNumber" 
      }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { }, 
      { },   
      { }, 
      { }, 
      { }, 
      { }, 
      { } 
     ], 
     bSortCellsTop: true, 
     dom: 'rt<lp>', 
     order: [[2, "desc"]] // Sort by descending date 
    }); 

Tüm sütunlar aynı şekilde inşa edilir. Ardından, çoklu filtre yapmak için onay kutularını içeren bir açılır liste oluşturmak için sumoSelect eklentisini kullanıyorum.

$("table#ticketDataTable thead tr th#multiSelectFilter").find("select").SumoSelect({ selectAll: true }); 

İyi çalışıyor. Daha sonra, giriş değişimi (i seçimler kontrol ederken), ne zaman bunu yapmak:

var arr = $("table#ticketDataTable thead tr th#multiSelectFilter").find("select")[0].sumo.getSelStr(); 

Böyle bir sonuç almak: "FIRST|SECOND|THIRD" veya "SECOND" veya "FIRST|SECOND".

ticketDataTable.column(5).search(arr,true,true).draw(); 

Ancak, yalnızca bir seçenekle çalışır. Birden fazla varsa ("İLK | İKİNCİ" gibi), işe yaramıyor.

Answer 1

diyoruz tabloya filtre etmek istiyorum. Ajax isteğime yeni veriler ekledim. İsteğimi yapmak için sunucu tarafımda kullanıyorum. Ardından, filtremdeki her tıklamayı değiştirdim ve isteği yeniden başlatıyorum.

İyi Çalışır!

Answer 2

Çözüm, özel bir süzgeç eklemek ve sonra gerekli verileri süzmek için tablo draw() işlevini çağırmak olacaktır. Mantığı bu özel filtrenin içine yerleştireceksiniz.

Görebildiğim kadarıyla bir çoklu seçiminiz var ve sütun 5'in çoklu seçimden değerlere sahip olduğu tüm satırları seçmek istiyorsunuz. İşte kısa bir fikir. Gördüğünüz gibi

$.fn.dataTable.ext.search.push(
    function (settings, data, dataIndex) { 
     if (settings.nTable.id === "ticketDataTable") { // apply this fiter only to your ticketDataTable table. 
      return CheckIfRowIsValid(data[5]); // data[5] will give you current row column idex 5's value. 
     } 
     else { //filter function not applicable to other datatables other than ticketDataTable so do nothing. 
      return true; 
     } 
    } 
    ); 

    function CheckIfRowIsValid(value) { 
     var multiSelectArray = []; // get all the values from multi select. 

     if ($.inArray(value, multiSelectArray) < 0) { 
      return false;   //if value is not found in array return false as you dont have to show the row. 
     } 
     else { 
      return true;   //return true to keep the row visible. 
     } 
    } 

Yani, özel mantık her satır için ve sadece dönüş true veya saklamak veya satırları kaldırmak sahte söyleyerek bir kez tetiklenir. This example just concentrates on single column with multiple possible values. Birden çok sütun üzerinde çalışmak için genişletebilirsiniz. Sadece her sütun için başka bir şey ekleyerek.

Şimdi her sadece bunu çözmek için bir yol bulmak ticketDataTable.draw()