jquery dataTables plugin : 내 페이지의 동적 인 ajaxSource

Question

을 수정합니다. 예를 들어,/api/reports와 같은 sAjaxSource url로 초기화 된 dataTable이 있습니다. 정렬 작업을 수행 할 때 필터링하면 추가 쿼리 키 URL을 추가합니다. sAjaxSource url (날짜 간격은 테이블 초기화 후 변경 될 수 있음)에 "date_from"및 "date_to"키를 추가하고 싶습니다. 테이블 다시로드하기 전에 진입 점 기능이있다, 그래서 내가 좋아하는이 떨어지게 할 수있다 : 당신의 도움에 대한

var oSettings = rtbl.fnSettings(); 
oSettings.sAjaxSource = "/api/reports/?type=sites&date_from=" + $("#date_from").text() + "&date_to=" + $("#date_to").text(); 

감사합니다!

Answer 1

datatables의 fnServerParams 기능을 사용하려면이 작업을 수행하는 올바른 방법, 테이블 만들 때 :

fnServerParams: function(aoData) { 
       aoData.push({ name: "type", value: 'sites' }); 
       aoData.push({ name: "date_from", value: $("#date_from").text() }); 
       aoData.push({ name: "date_to", value: $("#date_to").text() }); 
      } 

을

Answer 2

그래서, 다음, 아주 더미, 그런데, 그것을 해결했습니다

function set_sAjaxSource(){ 
       var oSettings = rtbl.fnSettings(); 
       oSettings.sAjaxSource = "/api/reports/?type=sites&date_from=" + $("#date_from").val() + "&date_to=" + $("#date_to").val(); 
      } 

      $('.sorting').bind('click', set_sAjaxSource) 
      $('.sorting_asc').bind('click', set_sAjaxSource) 
      $('.sorting_desc').bind('click', set_sAjaxSource) 
      $('.sorting_desc').bind('click', set_sAjaxSource) 
      $('.paginate_button').bind('click', set_sAjaxSource) 
      $('.sorting_active').bind('click', set_sAjaxSource)