Блог

Доброе утро. Я выполнил поиск и фильтр данных с помощью таблиц данных, и это сработало .. но когда я переместил страницу и вернулся на эту страницу, данные все еще зависали (не сбрасывались). В представлении я сделал это как следующее изображение:

и в файле js я сделал это так

 brandmanage = $('#brandmanage').DataTable({
        dom : 'rtpi',
        pageLength:  {{ $limit ?? '10' }},
      language : {
        paginate : {
          previous : '<i class="fa fa-angle-left"></i>', // or '←' 
          next : '<i class="fa fa-angle-right"></i>', // or '→'
        },
      },
        processing : true,
        drawCallback : function( settings ) {
                $('#lengthInput option[value={{ $limit ?? '10' }}]').attr('selected','selected');
            },
        serverSide : true,
        stateSave : true,
        ajax : {
          url : "{{ route('lms.brand.getdata',['pfx'=>$pfx]) }}",
          dataType : "json",
          type : "POST",
          data : { _token: "{{csrf_token()}}" }
        },
        columns : [
          { data : "brand" },
          { data : "corporate" },
          { data : "num_of_company" },
          { data : "primary" },
          { data : "secondary" },
          { data : "status" },
          { data : "action",
            orderable : false,
            className : "text-center",
          },
        ],
      });


  $('#brandDataLength').on('change', function () {
        brandmanage.page.len( $(this).val() ).draw();
        });
        
  $('#searchBrand').on('keyup', function () {
    brandmanage.search( this.value ).draw();
    });
  

Что мне сделать, чтобы при перемещении страниц результаты поиска можно было сбросить?

Если вы измените stateSave на false, то таблицы данных не будут запоминать выбранные фильтры и т.д. Таким образом, результаты поиска будут сброшены при перезагрузке страницы.