Soru DataTable Arama Etiketini Değiştir


Oluşturduğum veri kümemde Ara: Filtre uygula: değiştirmeye çalışıyorum.

Bunu bulduğumu denedim:

$(document).ready(function() {
oTable = $('#datatable-example_filter').dataTable({
  "aaSorting": [[ 10, "desc" ]],
  "bJQueryUI": true,
  "aLengthMenu": [[25, 50, 100, 250, 500, -1], [25, 50, 100, 250, 500, "All"]],
  "sPaginationType": "full_numbers",
  "oLanguage": {
    "sSearch": "Filter: "
  }
});
} ); 

ama çalışmıyor, # datatable-example_filter id dosyasının adıdır, dataTable tarafından oluşturulan div içinde


25
2018-04-28 20:13


Menşei


Görmek bu eğer yardım edebilirse - The Guest
@TheGuest, tam olarak ne yapıyor ve çalışmalı -> POC -> (OP'nin kodu) jsfiddle.net/c846e6mo Sanırım önbellek ... 1.10.x de -> jsfiddle.net/5cvj0t18 - davidkonrad
@TheGuest & david, teşekkürler, hatalı olarak hedefliyordum. Sadece bir yorum olduğunu düşündüğümden nasıl emin olunur? - efecarranza


Cevaplar:


"OLanguage" kullanan diğer cevap, eski DataTables api kullanıyor. DataTables v 1.10+ 'ya göre belgelemesözdizimi şöyledir:

$('#example').dataTable( {
  "language": {
    "search": "Filter records:"
  }
} );

37
2018-06-30 21:44



Anahtarı da kullanabilirsiniz "searchPlaceholder" yanında "search" Arama girişine bazı yer tutucu metin yerleştirmek için - Flimm


çok kolay, sadece veri tablosu işlevini çağırdığınızda bu parametreyi koyun:

"oLanguage": {
  "sSearch": "<span>YOUR SEARCH TITLE HERE:</span> _INPUT_" //search
}

13
2018-04-09 19:34



Güzel! Diğerleri için açısal veriler kullanarak, sırasıyla 'dil' ve 'ara' ile anahtar kelimeleri değiştirin. - Eric Soyke


DataTable'ın veriyle doldurulmasından önce bu kodun Arama Etiketini (benim durumumda "Filtre sonuçları:" olarak değiştireceğini buldum.

var dataTable_leSrch = $('#dataTable_leSrch').dataTable({
    "oLanguage": {
        "sSearch": "Filter results:"
    }
});

ancak daha sonra DataTable'ı veriyle doldurduğumda etiket "Arama:" durumuna geri döndü, bu yüzden etiketin değişmesini önlemek için bu kodu DataTable konfigürasyonuma eklemem gerekiyordu:

function fillDataTable(res) {
if ($('#dataTable_leSrch').length !== 0) {
    $('#dataTable_leSrch').DataTable({
        fixedHeader: {
            header: true,
            headerOffset: $('#header').height()
        },
        oLanguage: {
            "sSearch": "Filter results:"
        },
        responsive: false,
        scrollX: true,
        scrollY: 400,
        scrollCollapse: true,
        select: true,
        destroy: true,
        aaData: res.data.Results,
        ...

2
2018-03-15 15:20





// Input text box will be appended at the end automatically
$(document).ready( function() {
  $('#example').dataTable( {
    "oLanguage": {
      "sSearch": "Filter records:"
    }
  } );
} );


// Specify where the filter should appear
$(document).ready( function() {
  $('#example').dataTable( {
    "oLanguage": {
      "sSearch": "Apply filter _INPUT_ to table"
    }
  } );
} );

daha fazla detay için bu bağlantıyı kontrol edin http://legacy.datatables.net/usage/i18n


0
2017-07-11 07:34



Bu bağlantı soruyu yanıtlayabilirken, cevabın temel kısımlarını buraya dahil etmek ve referans için bağlantı sağlamak daha iyidir. Bağlantılı sayfa değiştiğinde yalnızca bağlantı yanıtları geçersiz olabilir. - Yorumdan - weBBer
tüm bu bilgiler için teşekkürler - Mourad MAMASSI
Bayrak geri çekildi ve yorum kaldırıldı. Düzenleme için teşekkürler :) - geisterfurz007