2016-09-29 4 views
0

Привет есть этот JS скрипт:Jquery DataTable Ajax пагинация

<script type="text/javascript" src="/bower_components/datatables.net/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $('#usersTable').DataTable({ 
      "sPaginationType": "full_numbers", 
      "bProcessing": true, 
      "bServerSide": true, 
      "bDeferRender": true, 
      "sAjaxSource": "{{ path('prospection_prospects_ajax') }}", 
      "bJQueryUI": true, 
      "sPaginationType": "full_numbers" 
     }); 
     $.fn.dataTableExt.sErrMode = 'throw'; 
    }); 
</script> 

Этот HTML-код:

<table id="usersTable" class="table"> 
    <thead> 
    <tr> 
     <th>Societe</th> 
     <th style="width:150px;">Telephone</th> 
     <th>Description</th> 
     <th>Actions</th> 
    </tr> 
    </thead> 
    <tbody> 
    {% for prospect in prospects %} 
     <tr> 
      <td>{{ prospect.societe}}</td> 
      <td>{{ prospect.telephone }}</td> 
      <td>{{ prospect.description }}</td> 
      <td> 
       <a href="{{ path("prospection_prospect_details",{userId:user.id}) }}">Details</a><br /> 
       <a href="{{ path("prospection_prospect_details",{userId:user.id}) }}">Supprimer</a><br /> 
       <select> 
        <option value="prospect">Prospect</option> 
        <option value="Contacter">Contacté</option> 
       </select> 
      </td> 
     </tr> 
    {% endfor %} 
    </tbody> 
</table> 

И я вернуть этот JSON (я вернуть 100 записей на 100 записей):

{ 
"recordsTotal": 5055, 
"recordsFiltered": 5055, 
"draw": 1, 
"records": [{ 
    "name": "Alerys", 
    "telephone": "01 42 96 08 37", 
    "description": "Prestations : cabinet de recrutement informatique, Evaluation, « Assessment Center », Bilan de carrière, Conseils en mobilité professionnelle et en organisation, Audit, Délégation de ressources, chasseur de tête, test psychotechnique, reconversion profess", 
    "link": "<select><option value='prospect'>Prospect</option><option value='Contacter'>Contacté</option></select>" 
}, { 
    "name": "EuroWin Consulting Group", 
    "telephone": "01 42 27 73 00", 
    "description": "cabinet de recrutement informatique", 
    "link": "<select><option value='prospect'>Prospect</option><option value='Contacter'>Contacté</option></select>" 
} ... 
] 

И Datable выбрасывает мне эту ошибку: Непринятая ошибка: предупреждение DataTables: таблица id = usersTable - неверный ответ JSON.

Я не могу выполнять разбиение на страницы.

Кто-нибудь может мне помочь?

С наилучшими пожеланиями

ответ

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