fonctionnalité similaire à twitter en utilisant codeigniter

Question

Je vais d'abord vous dire mon scénario, dans mon problème, il y a deux utilisateurs du système un qui utilise le système pour enregistrer les gens, et une autre personne qui utilise le système pour vérifier le enregistré utilisateurs dans le système.

il s'agit d'un scénario d'hospitalisation, les personnes s'inscrivent au bureau d'inscription et dans l'ordre d'enregistrement, le médecin vérifie les patients. Donc ce que je veux réaliser est une interface utilisateur pour le médecin qui affiche le système de détails du patient a été enregistré, pour garder l'interface utilisateur simple je veux charger 10 détails du patient à un moment donné, mais si les patients ne sont pas dans cette liste de dix je dois donner un bouton pour charger plus de détails patients, mais je veux donner la fonction au médecin pour vérifier les patients plus âgés, manqués aussi!

J'ai vérifié quelques articles de pagination mais ils ne correspondent pas à mon exigence, aucune suggestion pour lire les gars? article de blog? ou aider avec le codage?

salutations, Rangana

Answer 1

Vous pouvez le faire avec un peu JQuery. Placez un lien hypertexte sous la liste des patients. Gérez l'événement click link en récupérant la page suivante des patients via AJAX et en l'ajoutant à la liste. Conservez une variable Javascript globale pour suivre le numéro de la page en cours.

Voici un exemple. Pour simplifier, la première page des patients est également chargée via AJAX. list.php est votre script qui gère la requête AJAX et écrit la page demandée des patients comme une séquence d'éléments de liste HTML.

Le JQuery:

var currentPage = 0; 

$(document).ready(function() { 
    // Load the first page into the list 
    loadNextPage(); 

    // When the link is clicked load the next page 
    $('#add-more-patients-link').click(function() { 
     loadNextPage(); 
     return false; 
    }); 
}); 

function loadNextPage() { 
    // Increment the page counter 
    currentPage++; 

    // Fetch the next page through AJAX and append to the list 
    $.get('list.php', {page:currentPage}, function(data) { 
     $('#patients').append(data); 
    }); 
} 

Le code HTML:

<ul id="patients"> 
</ul> 
<a id="add-more-patients-link" href="">Load more</a> 

caveat: Si la liste de back-end des patients est mis à jour entre les charges de page, la liste côté client désynchroniser . Cela entraînera des entrées en double pour certains patients de la liste. En cas de problème, conservez le dernier ID patient chargé sur le client et transmettez-le dans la requête AJAX. Sur le serveur, récupérez la page précédant l'ID du patient.