javaScript,Dwr分页模拟

//定义一个全局的数组变量  
var listInfo = new Array();  
//获得表格  
var tab;  
//获得隐藏域  
var page = 0;  
//获得总页数  
var pageNumber;  
//dwr操作PeronDao类中的方法  
function getInfo() {  
    PersonDao.getAllPerson(callGetInfo);  
}  
//回调信息,ls表示获得的数据（如果连接数据库的话，该数据来自数据库）  
function callGetInfo(ls) {  
    //将获得的数据保存在数组中  
    listInfo = ls;  
    var len = listInfo.length;  
    if (len <= 0) {  
        pageNumber = 0;  
    } else {  
        pageNumber = listInfo.length % 10 == 0 ? listInfo.length / 10 : Math.floor(listInfo.length / 10 + 1);  
    }  
    insertInfo(page);  
    showLink();  
}  
 
//用0来表示第一页  
//显示表格信息  
function insertInfo(page) {  
    var begin = page * 10;  
    var end = (page + 1) * 10;  
    if (end > listInfo.length) {  
        end = listInfo.length;  
    }  
    for (i = begin; i < end; i++) {  
        insertRow(listInfo[i]);  
    }  
}  
 
//判断是否显示超级连接  
function showLink() {  
    if (pageNumber - 1 <= 0) {  
        document.getElementById("first").innerHTML = "首页";  
        document.getElementById("prev").innerHTML = "上一页";  
        document.getElementById("next").innerHTML = "下一页";  
        document.getElementById("last").innerHTML = "尾页";  
    } else {  
        document.getElementById("first").innerHTML = "<a href='javaScript:showTable(1)'>首页</a>";  
        document.getElementById("prev").innerHTML = "<a href='javaScript:showTable(2)'>上一页</a>";  
        document.getElementById("next").innerHTML = "<a href='javaScript:showTable(3)'>下一页</a>";  
        document.getElementById("last").innerHTML = "<a href='javaScript:showTable(4)'>尾页</a>";  
        if (page == 0) {  
            //首页和上一页不显示  
            document.getElementById("first").innerHTML = "首页";  
            document.getElementById("prev").innerHTML = "上一页";  
        }  
        if (page == pageNumber - 1) {  
            //尾页和下一页不显示  
            document.getElementById("next").innerHTML = "下一页";  
            document.getElementById("last").innerHTML = "尾页";  
        }  
    }  
}  
 
//显示每一页的信息  
function showTable(info) {  
    //每次换页的时候删除已经显示的信息  
    deleteRow();  
    tab = document.getElementById("tab");  
    page = document.getElementById("page").value;  
    //显示首页  
    if (info == 1) {  
        page = 0;  
    }  
    //上一页  
    if (info == 2) {  
        page = parseInt(page) - 1;  
    }  
    //下一页  
    if (info == 3) {  
        page = parseInt(page) + 1;  
    }  
    //最后一页  
    if (info == 4) {  
        page = pageNumber - 1;  
    }  
    document.getElementById("page").value = page;  
    showLink();  
    insertInfo(page);  
}  
//显示信息  
function insertRow(obj) {  
    tab = document.getElementById("tab");  
    var lowLen = tab.rows.length;  
    var row = tab.insertRow(lowLen);  
    var cell;  
    cell = row.insertCell(0);  
    cell.innerHTML = obj.name;  
    cell = row.insertCell(1);  
    cell.innerHTML = obj.address;  
}  
//删除记录信息  
function deleteRow() {  
    tab = document.getElementById("tab");  
    var lowLen = tab.rows.length;  
    for (i = 0; i < lowLen; i++) {  
        tab.deleteRow(0);  
    }  
}