2010-08-17 132 views
1

我会先告诉你我的情况,在我的问题中有两个系统用户正在使用系统向其注册人员,另一个人使用系统来检查注册系统中的用户。功能类似于twitter使用codeigniter

这是一个医院的情况,人们在登记处登记,并在登记命令医生检查病人。

,所以我想达到什么是它显示病人信息系统得到注册医生的UI,以保持用户界面简单,我想在给定的时间来加载10个患者的细节,但如果患者不是在该列表十我需要给一个按钮来加载更多的患者详细信息,但我想给医生检查功能,以检查年龄较大,错过的患者也!

我查了一些分页文章,但他们不符合我的要求,任何建议阅读家伙?博客文章?或帮助编码?

问候, Rangana

回答

2

你可以做一些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之前的页面。