Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2019, 23:51
Аспирант
Отправить личное сообщение для Ramundo Посмотреть профиль Найти все сообщения от Ramundo
 
Регистрация: 07.03.2015
Сообщений: 47

Поиск в JQuery datatables по колонке из выпадающего списка
Привет всем

Помогите пожалуйста, в теге script идет код создания таблицы, данные к ней подгружаются ajax-ом по ссылке, которая содержится в свойстве data-ajax элемента с id="datable-1"

нужно, чтобы в таблице появился select со списком городов, и при выборе определенного города подгружались только строки, где колонка "Город" равна выбранному

@extends('layout')
@section('content')
<section class="content-header">
<h1>'title', 'Список сотрудников'</h1>
</section>
<section class="content">
<div class="box">
<!— /.box-header —>
<div class="box-body">
<table id="datable-1" class="table table-striped table-bordered display tb-datatable"
data-ajax="@section('indexDataRoute', route('publicUser.indexAjax'))> // Сюда подставляется ссылка, по которой таблица подгружает данные
</table>
</div>
</div>
</section>
@endsection
@push('page-js')
<script language="javascript">
   $(document).ready(function () {
       $('#datatable-1').each(function (index, obj) {
           var obj = $(obj);
           var options = {};
   
           options.pageLength = 50;
           options.lengthMenu = [[10, 25, 50, -1], [10, 25, 50, "Все"]];
   
           if (obj.data('ajax')) {
               options.processing = true;
               options.serverSide = true;
               options.ajax = obj.data('ajax');
           }
          options.language = $.fn.datatableLanguageRu();
          options.stateSave = true;
          options.scrollX = true;
   
          options.columns = [
             {
                "data": 'avatar',
                "title": 'Фото',
                "render": function (data, type, row, meta) {
                     var avatar;
                      if (data) {
                         avatar = data;
                      } else {
                         avatar = 'http://placekitten.com/30/30';
                      }
                     return '<img class=" img-circle" src ="' + avatar + '">';
                 }
            },
           {"data": "last_name", "title": "Фамилия"},
           {"data": "name", "title": "Имя"},
           {"data": "middle_name", "title": "Отчество"},
           {"data": "name", "title": "Имя"},
           {"data": "email", "title": "Email"},
           {"data": "phone_number", "title": "Телефон", footer: ["12547", ""]},
           {"data": "city", "title": "Город",},
           {"data": "name", "title": "Имя"},
           {"data": "birth_date", "title": "Дата рождения"},
     ];
   
     var table = obj.DataTable(options);
   
     });
   });
   
</script>

@endpush

Последний раз редактировалось Ramundo, 16.10.2019 в 00:02.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поиск числа Jquery Dorian_bs Общие вопросы Javascript 4 18.09.2011 21:52
Поиск JQuery FirstFrost Общие вопросы Javascript 1 29.08.2011 12:43
Jquery обработка списка RAMSlader jQuery 2 13.07.2011 12:27
Поиск плагина выводящего подсказки к ссылкам, jQuery. Flashton Элементы интерфейса 6 04.03.2010 20:47
jquery поиск как на lastfm.ru tenterro jQuery 1 26.02.2010 19:11