2014-11-09 50 views
1

我正在使用Datatables进行服务器端处理。我能够向服务器发送额外的参数,但是它们仅在第一次加载表时或由于过滤,排序等而重新加载表时发送。我希望将额外的参数发送到服务器每次我从选择字段中选择一个值。我如何实现这种行为?提前致谢。数据表服务器端。异步发送额外参数

这是我的DataTable脚本

<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 2014-11-09 10:53:15

回答

4

就快 - 你只当选择列表中的值时需要添加对fnDraw()的呼叫:

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

我可以说几件事...谢谢!你很酷!,你救了我的一天,我希望你的事情能够发生。再次感谢你。 – sms 2014-11-10 21:53:37

相关问题