Pagination utilisant Ajax dans les données jquery

Je suis à l'aide de tables de données du plugin pour un tableau sur une page que je suis en train de travailler sur. De son fond de récupérer des lignes à travers un appel ajax et dans le présent appel ajax, j'envoie la recherche de paramètres que l'utilisateur sélectionne et le numéro de la page requise.
J'ai besoin de la Suivante, Précédente, la Première et la Dernière boutons aussi le feu de la même appel ajax, mais avec différents numéros de page, comme le back-end de l'intercepteur dépend du numéro de page.

Cet appel d'api serait de retour total no. de lignes(disons 1000) appartenant pour ces critères de recherche params et les lignes avec la taille de la page( par exemple 50).

Est-il de toute façon, je peux utiliser une table de données pour ce faire?

source d'informationauteur kshtjsnghl

  1. 5

    Oui, vous pouvez remplir cette partie et je l'ai fait sur un certain nombre de sites. La clé est pour l'initialisation correcte de la datatable avec le code comme ceci:

    var oTable = "";

$(document).ready(function() {
    oTable = $('#htmltableID').dataTable({
        "sPaginationType": "full_numbers",
        "bServerSide": true,
        "sAjaxSource": "/script-to-accept-request.php",
        "sServerMethod": "POST",
        "iDisplayLength": 50
    });
}

    Une fois le chargement de la page, il va envoyer une requête POST à la source indiquée. La demande, par défaut, utilise la méthode GET, mais je choisis d'afficher que les valeurs à la place.

    Vous pouvez ajouter des variables à inclure dans la valeur par défaut définie par référence à http://www.datatables.net/release-datatables/examples/server_side/custom_vars.html

    Le côté serveur de code qui permettra de prendre la demande devra gérer les iDisplayStart variable lorsque la page est modifiée. Cela commence à 0 et augmente par la iDisplayLength valeur à chaque page. L'exemple donné par Oliver comprend un exemple avec PHP côté serveur, donc ce serait vraiment utile d'examiner.

  2. 4

    Oui, vous pouvez le faire,

    Tout d'abord, regardez dans le détail ici

    et de vérifier ensuite l'API pour afficher correctement les boutons, etc vous voulez.

    Je suis en utilisant le même plug-in dans un très gros projets, et il fonctionne parfaitement.

    Le type de configuration que j'utilise sur mon tableau est le suivant

    $("#mytable").dataTable({"bJQueryUI": true,"sPaginationType": "full_numbers"});
  3. 2

    J'ai écrit un billet de blog sur La Pagination Côté serveur avec PetaPoco et les DataTables et de mettre un échantillon correspondant ASP.NET MVC3 en C# solution sur GitHub

    Je n'ai pas vu une référence à votre langage côté serveur, mais la solution C# illustre le côté serveur Json interaction de la réception de l'ajax POST à partir de tables de données, l'interrogation de la base de données et le formatage de la réponse Json pour les tables de données à traiter la réponse.

    Espère que cette aide.

  4. -3

    essayer.. je suis sûr que cela va fonctionner pour vous.

    $("#myDataTable").dataTables({
     "bJQueryUI":true,
      "bSort":false,
      "bPaginate":true, //Pagination True 
      "sPaginationType":"full_numbers", //And its type.
       "iDisplayLength": 10
});