2016-12-19 1 views
1

Я хочу добавить параметр поиска в свою таблицу данных. Я использую 1.10.13 serveride processing option.Поиск обработки данных серверных данных DataTable

вот JS код, который я пробовал:

var thisTable = $('#users).DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      "type": "GET", 
      "url": "/user/userda", 
      "dataSrc": "data", 
      "contentType": "application/json; charset=utf-8", 
      "dataType": "json", 
      "processData": true 
     }, 
     "fnDrawCallback": function() { 
      console.log(this.fnSettings().fnRecordsTotal()); 
     }, 
     "columns": [ 

      {"data": "name"}, 
      {"data": "email"}, 
      {"data": "company"}, 
      {"data": "usersgroup"}, 
      {"data": "regdate"} 

     ] 
    }); 

ниже мой вид поиска вход:

Я хочу, чтобы связать ниже поля с DataTable и сделать поиск. Пожалуйста, советы мне

<div class="filterPart"> 
     <label>Search</label> 
     <input id="search" value="<?php echo $search; ?>" placeholder="Keyword" type="text" class="customfilters" /> 
    </div> 
    <div class="filterPart lastLogin"> 
     <label>Registration</label> 
     <input id="custom_registration_date1" readonly="readonly" value="<?php echo $registrationDateFrom; ?>" data-target-input="registration_date1" name="custom_registration_date1" placeholder="From"> 
     <input id="custom_registration_date2" readonly="readonly" value="<?php echo $registrationDateTo; ?>" data-target-input="registration_date2" name="custom_registration_date2" placeholder="To"> 
    </div> 
+0

Знаете ли вы, что если вы выполняете поиск на стороне сервера, вы должны обрабатывать общие номера дисплеев, страницу, сортировать, искать текст, полные записи в дБ, в настоящее время показывать номер .. все это на вашем сервере код .. –

+0

@Rajshekar Reddy : мне нужно передать это значение через мою модель -> контроллер в js. пожалуйста, совет –

+0

Когда вы выполните поиск, плагин разместит все эти параметры в указанном вами URL-адресе. Вы должны учитывать все параметры и запрашивать свои результаты. Если ваш результирующий набор является небольшим, я предлагаю вам перейти к локальным данным или подходу HTML-таблицы –

ответ

0

Для выполнения глобального поиска с помощью внешнего входа:

$('#search').on('keyup click', function(){ 
    $('#users').DataTable().search(this.value).draw(); 
}); 

См Global search пример для более подробной информации.

+0

. Как найти диапазон дат с помощью datepicker? ex: coloum - reg_date, и я хочу добавить фильтр поиска с и до. Помощь –