2014-11-09 3 views
1

Я использую Datatables с обработкой на стороне сервера. Я могу отправлять дополнительные параметры на сервер, но они отправляются только в том случае, когда таблица загружается в первый раз или когда таблица перезагружается из-за фильтрации, упорядочения и т. Д. Я хочу, чтобы дополнительные параметры отправлялись на сервер каждый раз, когда я выбираю значение из поля выбора. Как я могу достичь такого поведения ?. Заранее спасибо.Datatables serverside. Отправить дополнительные параметры асинхронно

Это мой DataTables сценарий

<script> 
$(document).ready(function() { 
    $('#tabla').dataTable({ 
     "sDom": '<"top"l>rt<"bottom"pi><"clear">', 
     "processing": true, 
     "serverSide": true, 
     "sPaginationType": "full_numbers", 
     "bProcessing": true, 
     "sAjaxSource": "server_side3.php?action=table_data", 
     "bDeferRender": true, 
     "aLengthMenu": [10, 25, 40], 
     "contentType": "application/json; charset=utf-8", 
     "dataType": "json", 

     "fnServerParams": function (aoData) { 
      aoData.push({ "name": "year", "value": $("#year option:selected").text() }); 
     }, 
     language: { 
     url: '//cdn.datatables.net/plug-ins/380cb78f450/i18n/Spanish.json' 
    } 

    }).columnFilter(); 

}); 
</script> 

Я также попробовал этот кусок кода:

"fnServerData": function (sSource, aoData, fnCallback) { 
      /* Add some extra data to the sender */ 
      aoData.push({ "name": "year", "value": $("#year option:selected").text() }); 
      $.getJSON(sSource, aoData, function (json) { 
      fnCallback(json) 
      }); 

И мой HTML

<select id="year"> 
     <?php 
     echo '<option value="'.date(Y).' selected">'.date(Y).'</option>'; 
     for ($i=2005; $i < date(Y) ; $i++) { 
      echo '<option value="'.$i.'">'.$i.'</option>'; 
     } 

     ?> 
</select> 
+0

Я думаю, вы хотите использовать fnServerData. Посмотрите на мой ответ здесь: http://stackoverflow.com/questions/21704398/understanding-fnserverdata-in-datatables – mainguy

ответ

4

Ты почти там - вы просто необходимо добавить вызов fnDraw(), когда выбрано значение в списке выбора:

$('#year').change(function (e) { 
     $('table#tabla').dataTable().fnDraw(); 
    }); 
+2

Могу я сказать несколько вещей ... Спасибо! Ты ХОРОШО! Ты спас мой день, и я надеюсь, что все будет к тебе. СПАСИБО СНОВА. – sms

Смежные вопросы