2010-08-17 96 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之前的頁面。