Laravel 5.7 с библиотекой Typeahead js, как я могу перейти на другую страницу с определенным элементом, выбранным из поиска? - PullRequest
0 голосов
/ 18 февраля 2019

Я использую библиотеку Typeahead Js в laravel 5.7, чтобы отобразить автозаполнение в строке поиска.Это работает нормально, но я хочу нажать на конкретный элемент, чтобы перенаправить меня к его конкретной записи.Проще говоря, я хочу ссылку с определенным элементом id на другую страницу, используя laravel.

Я пробовал автозаполнение jquery ui и kendu ui, но в моем случае это не работает, возможно, я не настроюэти библиотеки правильно, но знаю, это становится головной болью для меня.У меня есть рабочий код, но я хочу ссылки на него.

View Code:

<form class="app-search position-absolute">
  <input type="text" id="search" name="search" class="typeahead form-control" autocomplete="off" placeholder="Search &amp; enter">
  <a class="srh-btn"><i class="ti-close"></i></a>
</form>


Script Code:

<script>
 var path = "{{ route('search') }}";
    $('input.typeahead').typeahead({
        source:  function (query, process) {
        return $.get(path, { query: query }, function (data) {
                return process(data);
            });
        }
    })
</script>


Controller Code:

public function search(Request $request){
  $data = Category::select("id","name")
                    ->where("name","LIKE","%{$request->input('query')}%")
                    ->get();

  return response()->json($data);
}

Route Code:

Route::get('search', 'HomeController@search')->name('search');

Мне действительно нужна помощь, пожалуйста.Я хочу сделать его похожим на Google, когда мы начнем печатать, он показывает предложения, а при нажатии на этот конкретный результат он сразу переходит на этот конкретный URL.Любая помощь будет оценена Спасибо.

...