Как заставить работать кнопки детализации и редакций? ⇐ Jquery

[Anonymous]

Мне бы хотелось, чтобы в моем приложении была функция живого поиска, и у меня есть то, что мне нужно, но я не понимаю, как мне это сделать, чтобы кнопки подробностей и изменений работали

для моего кода: контроллер:

публичная функция index() { $asset = AssetModels::with('typeAsset', 'ctgrAsset', 'permitInsurance', 'user')->get(); return view('pages.asset.index', компактный([ 'объект', ])); } действие функции (запрос $запрос) { if ($request->input('ajax')) { $выход = ''; $query = $request->get('запрос'); если ($query != '') { $data = AssetModels::with('typeAsset', 'ctgrAsset', 'permitInsurance', 'user') ->where('no_unit', 'like', '%' . $query . '%') ->orderBy('id', 'дескриптор') -> получить(); } еще { $data = AssetModels::with('typeAsset', 'ctgrAsset', 'permitInsurance', 'user') ->orderBy('id', 'дескриптор') -> получить(); } $total_row = $data->count(); если ($total_row > 0) { foreach ($data как $row) { $выход .= ' ДЕТАЛИ REVISI ' . $row->no_unit . ' ' . $row->typeAsset->type_name . ' ' . $row->ctgrAsset->ctgr_name . ' ' . $строка->производство . '- '. $строка->модель . ' '; } } еще { $выход = ' Данные не найдены '; } $данные = массив( 'table_data' => $вывод, 'total_data' => $total_row ); вернуть json_encode ($ данные); } } индекс:

@extends('app') @section('title-приложение') Блок данных @endsection @section('содержание') @if (сессия('успех')) @include('partials.alert-success') @endif @if (сессия('ошибка')) @include('partials.alert-error') @endif Тамба Номер единицы Тип - Семуа - имя_типа Статус - Семуа - Терседиа Кари Акси Нет. Единица Тип Категории Мерек и Модель

Всего данных 4, галаман 2 дари 4 $(документ).ready(функция(){ выборка_data_unit(); функция fetch_data_unit (запрос = '') { $.ajax({ url:"{{ маршрут('действие') }}", метод: «ПОЛУЧИТЬ», данные: {ajax: 1, запрос: запрос}, Тип данных: 'json', успех: функция (данные) { $('tbody').html(data.table_data); $('#total_records').text(data.total_data); } }) } $(document).on('keyup', '#search', function(){ вар запрос = $(this).val(); console.log('Запрос: ' + запрос); fetch_data_unit (запрос); }); $(document).on('click', '.btn-detail', function() { var rowId = $(this).data('row-id'); $('#detailModal').modal('показать'); }); }); @endsection У меня есть код подробного модального окна:

@include('pages.asset.detail') У меня есть функция поиска. Она работает так: сначала нужно ввести данные, а затем использовать кнопку поиска. Я хочу, чтобы данные фильтровались в режиме реального времени, когда пользователь начинает вводить данные. Функция, которую я хочу, представлена ​​в этом видео но мне нужны дополнительные кнопки с подробностями и изменения в виде всплывающего/модального окна