2016-03-23 21 views
0

Arama sonucum için plugin datatables.highlight kullanmaya çalışıyorum ama işe yaramıyor .. Birisi eksik mi, birisi bana söyleyebilir mi?Vurgulama sonucunu Datatables

dataTables.searchHighlight.css 
jquery.highlight.js 
dataTables.searchHighlight.min.js 

ve benim js kodunda:

Yukarıda dosyaları dahil ettik

$(document).ready(function() { 
     var myTable = $('#dataTable').dataTable({ 
       dom: 'Blfrtip', 
       retrieve: true, 
       searchHighlight: true, 
       buttons: [ 
        { 
        .... 
        }  
       ] 
     }); 
     myTable.on('draw', function() { 
      var body = $(myTable.table().body()); 
      body.unhighlight(); 
      body.highlight(myTable.search()); 
     }); 
.... 
+1

Hatalar var mı? –

+1

Kodunuz, [bu gönderi] 'de belirtilenlerle eşleşir (https://datatables.net/blog/2014-10-22). İş aramak/sipariş vermek mi? Bir örnek oluşturmayı düşünün https://jsfiddle.net –

+0

Hayır Herhangi bir hata alamıyorum:/ve evet arama/sipariş çalışıyor –

cevap

2

2 şekilde gerçekleşebilir DataTable olaylarını dinleme. Eğer dataTable() ile DataTable başvuru kaydederseniz

  1. , bir jQuery nesnesi döndürür. Böylece, olayları dinlerken ad alanını, draw.dt gibi eklemelisiniz.

  2. DataTable başvurusunu DataTable() ile kaydederseniz, DataTable api örneğini döndürür. Bu durumda sadece draw'u dinleyebilirsiniz. Ayrıca draw.dt için de dinleyebilirsiniz ama gereksizdir.

    https://jsfiddle.net/guanzo/9xs3zxcp/4/

    Ben highlight.js ithal sıkıntı çektiğim

yüzden keman doğrudan kod yapıştırılan

+0

Teşekkür ederim çok :) –

1

doğrulayarak deneyin sadece searchHighlight: true eklenerek çalışır çünkü senin included libraries links, değil mi sonuçları vurgulamak için işlevleri kullanmak zorunda.

Bkz. Bu JsFiddle