Question

我首先会告诉你我的情况，在我的问题中，系统中有两个用户正在使用系统向其注册人员，另一个人使用系统来检查系统中的注册用户。 / p>

这是一个医院情景，人们在登记处登记，并在登记处，医生检查患者。

所以我想要实现的是医生用户界面，显示患者详细信息系统已注册，为了保持用户界面简单，我希望在给定时间加载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>

警告：如果在页面加载之间更新患者的后端列表，则客户端列表将变得不同步。这将导致列表中某些患者的重复条目。如果这是一个问题，请跟踪客户端上最后加载的患者ID，并在AJAX请求中将其传递出去。在服务器端，获取该患者ID之前的页面。

与使用codeigniter的twitter类似的功能

1 个答案: