BAĞLANTILARIM

Takip Edin:

0

Jquery Datatables Search Geciktirmeli Arama

Cuma, Aralık 23, 2022 / / ,

 Datatables.net tabloları üzerinde arama yaparken tuşa her basıldığında sunucuya istekte bulunmasının önüne geçmek için aşağıdaki yöntem kullanılabilir. Aşağıdaki kullanım, kullanıcının arama alanına karakter girişi bittikten sonra isteği sunucuya 1 kez göndermektedir.


        var handleSearchDatatable = function () {

            const filterSearch = document.querySelector('[data-kt-docs-table-filter="search"]');

            var dtSearchTimer = 0;

            filterSearch.addEventListener('keydown', function (e) {

                //console.log("keydown");

                clearTimeout(dtSearchTimer);

            });


            filterSearch.addEventListener('keyup', function (e) {

                //console.log("keyup");

                dtSearchTimer = setTimeout(function () {

                    //console.log("gecikmeli arama yap");

                    dt.search(e.target.value).draw();

                }, 500);


            });

        }

 

0 yorum

SON YORUMLAR