Фильтровать строку поиска билетов по сообщению

Я работаю над проектом, использующим Laravel, и я новичок в этой структуре. Я хотел бы знать, есть ли способ создать панель поиска, которая фильтрует мою таблицу в соответствии с одним из tds. Ячейки таблицы заполняются из базы данных, поэтому это не статические данные. Пока я нашел ответы только на статические данные, используя Javascript.

Вот моя таблица:

<div class = "panel-body">
    <table class = "table table-striped table-bordered table-hovered" id = "myTable">
      <tr>
        <td>Objet</td>
        <td>Urgence</td>
        <td>Statut</td>
        <td>Utilisateur</td>
        <td>Actions</td>
      </tr>
      @foreach ($tickets as $ticket)
        <tr>
        <td width = "25%">{{ $ticket->message}}</td>
        <td width = "25%">{{ $ticket->urgence->niveau}}</td>
        <td width = "25%">{{ $ticket->statut}}</td>
        <td width = "25%">{{ $ticket->utilisateur->name}}</td>
        <td style='white-space: nowrap'>
          <a href = "{{ url('tickets/'.$ticket->id.'/voir')}}" class = "btn btn-info">Voir</a>
          <a href = "{{ url('tickets/'.$ticket->id.'/delete')}}" class = "btn btn-danger" onclick = "return confirm('Êtes vous sûr de vouloir supprimmer ce ticket?')">Supprimer</a>
        </td>
        </tr>
      @endforeach

    </table>
    {{ $tickets->render()}}
  </div>

Заранее спасибо.

я думаю, вы можете использовать ajax, а затем перезагрузить таблицу в соответствии с ответом. Просто используйте dataTables и используйте ajax, как описано в документации. Tbh это не имеет ничего общего с laravel и все, что связано с javascript и как вы решили реализовать таблицы

Indra 17.05.2018 15:32

Где я могу найти документацию для этого? Я никогда не использовал AJAX.

Sam 17.05.2018 15:35

Вы пробовали использовать Datatables: datatables.net?

Oluwatobi Samuel Omisakin 17.05.2018 15:59

Нет, это открытый исходный код? Потому что этот проект на самом деле является проектом стажировки, и мне придется его представить.

Sam 17.05.2018 16:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
47
0

Другие вопросы по теме