функциональность похожа на twitter с помощью codeigniter

Question

Сначала я расскажу вам мой сценарий. В моей проблеме есть два пользователя системы, которые используют систему для регистрации людей на ней, а другой человек, которые используют эту систему для проверки зарегистрированного пользователей в системе.

Это больничный сценарий, люди регистрируются на стойке регистрации и в регистрационном порядке врач проверяет пациентов.

так что я хочу достичь - это пользовательский интерфейс для врача, который отображает систему данных о пациентах, зарегистрированную, чтобы поддерживать простой пользовательский интерфейс. Я хочу загрузить 10 данных о пациенте в данный момент времени, но если пациенты не входят в этот список десять мне нужно дать кнопку для загрузки более подробной информации о пациенте, но я хочу дать функции врачу, чтобы проверить старших, пропущенных пациентов!

Я проверил некоторые статьи с разбивкой по страницам, но они не соответствуют моему требованию, предложению читать ребята? Сообщение блога? или помочь с кодированием?

С уважением, Rangana

Answer 1

Вы могли бы сделать это с некоторым JQuery. Поместите гиперссылку под списком пациентов. Обработайте событие клика по ссылке, выбирая следующую страницу пациентов через AJAX и добавляя ее в список. Храните глобальную переменную Javascript для отслеживания текущего номера страницы.

Ниже приведен пример. Для простоты первая страница пациентов также загружается через AJAX. list.php - это ваш скрипт, который обрабатывает запрос AJAX и записывает запрошенную страницу пациентов в виде последовательности элементов списка HTML.

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); 
    }); 
} 

HTML-:

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

Оговорка: Если список бэкенда пациентов обновляются во время загрузки страниц, список на стороне клиента будет рассинхронизация , Это приведет к дублированию записей для некоторых пациентов в списке. Если это проблема, следите за последним загруженным идентификатором пациента на клиенте и передайте это в запросе AJAX. На стороне сервера выберите страницу, предшествующую идентификатору пациента.