Как я могу автоматически фильтровать javascript laravel? - PullRequest
2 голосов
/ 10 апреля 2020

Я не хочу перенаправлять страницу, когда хочу отфильтровать таблицу, так как я могу сделать это в javascript? это мой javascript

javascript

    document.getElementById('inputdismissal').value = programId
    $('#modalAddDismissal').modal("show",function(){
    $('#inputdismissal').val(programId).trigger('change');
    $('#inputdismissal').change(function(){
            //fire your ajax call 
        var value = $(this).val().toLowerCase();
        $("#myTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        }); 
    })
    })

, и у меня есть этот модальный,

модальный. php

  <div class="modal-header">
    <input class="form-control" id="inputdismissal" type="text" readonly/>
  </div>
  <div class="modal-body">
    <table id="tblDisNikName" class="table table-sm table-responsive table-hover table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">Select</th>
                        <th scope="col">NIK</th>
                        <th scope="col">Nama</th>
                        <th scope="col">Position</th>
                        <th scope="col">Program</th>
                    </tr>
                </thead>
                <tbody id="myTable" class="cursor-pointer">
                    @foreach($dismissalcrew as $datadis)
                    <tr>
                        <td><input class="dismissalTest" type="checkbox"></td>
                        <td>{{$datadis->employee_nik}}</td>
                        <td>{{$datadis->employee_nama}}</td>
                        <td>{{$datadis->crewprogramposition_name}}</td>
                        <td>{{$datadis->show_name}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
  </div>

Я уже получаю свое значение в inputDismissal и появляюсь на моем модале. но таблица не была отфильтрована вообще, как я могу просто показать отфильтрованную таблицу, когда я вызываю модальное значение с помощью inputDismisal, я имею в виду автоматическую фильтрацию при вызове модального

1 Ответ

0 голосов
/ 10 апреля 2020

Так что это в основном очень просто, я просто использую jquery и помещаю значение

function filterInput(programId){
  $(document).ready(function(){
    var value = programId.toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
  $('#modalAddDismissal').modal("show")
}

, просто ставим модал после фильтра, и это работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...