js常用分页_js pageindex是什么意思

实现一：

function nextPage(requesturl,pageIndex,pageNumber){

    if(pageIndex > 0 && pageIndex <= pageNumber){
     pageIndex = pageIndex + 1;
     gotoPager(requesturl,pageIndex,pageNumber);

    }
}

function proPage(requesturl,pageIndex,pageNumber){
    if(pageIndex > 0 && pageIndex <= pageNumber){
        pageIndex = pageIndex - 1;
        this.gotoPager(requesturl,pageIndex,pageNumber);
    }

}

function gotoPager(requesturl,pageIndex,pageNumber){

    if(pageIndex > 0 && pageIndex <= pageNumber){
        var url = requesturl;
        if(requesturl.indexOf("?") > -1){
            url = requesturl+"&pageIndex="+pageIndex;
        }else{
            url = requesturl+"?pageIndex="+pageIndex;
        }

        window.location.href = url;
    }
}

function goPager(requesturl,currentPageIndex,pageNumber){

    gotoPager(requesturl,currentPageIndex,pageNumber);

}
function createPageBar2(pageNumber,pageSize,pageIndex,total,callback,viewedNum,param){
    var sb = [];
    sb.push('<ul class="pagebar">共'+total+'条记录,每页'+pageSize+'条,当前第'+pageIndex+'页');
    if(pageNumber<=1){
        sb.push('</ul>');
        return sb.join('');
    }   
    if (param==null)
        param="";
    if(viewedNum==null)
        viewedNum = 5;
    var firstNumber = pageIndex-Math.floor(viewedNum/2);

    if(firstNumber<1)
        firstNumber = 1;
    var lastNumber = firstNumber+viewedNum-1;
    if(lastNumber>pageNumber)
        lastNumber = pageNumber;
    while(firstNumber>1 && (lastNumber-firstNumber+1)<viewedNum){
        firstNumber--;
    }
    var curl = '';
    if(pageIndex>1){
        curl = callback + '(\''+param+'\',' + (1) + ',' + pageNumber+')';
        sb.push('<li><a href="javascript:'+curl+'">首页</a></li>');
        curl = callback + '(\''+param+'\',' + (pageIndex-1) + ',' + pageNumber+')';
        sb.push('<li><a href="javascript:'+curl+'">上一页</a></li>');
    }
    for(var i=firstNumber;i<=lastNumber;i++){
        curl = callback + '(\''+param+'\',' + i + ',' + pageNumber+')';
        if(i==pageIndex){
            sb.push('<li class="ch"> <a href="javascript:'+curl+'">'+i+'</a></li>');
        }else{
            sb.push('<li> <a href="javascript:'+curl+'">'+i+'</a></li>');
        }
    }
    if(pageIndex<pageNumber){
        curl = callback + '(\''+param+'\',' + (pageIndex+1) + ',' + pageNumber+')';
        sb.push('<li><a href="javascript:'+curl+'">下一页</a></li>');
        curl = callback + '(\''+param+'\',' + (pageNumber) + ',' + pageNumber+')';
        sb.push('<li><a href="javascript:'+curl+'">末页</a></li>');
    }

    sb.push('<li>共' + pageNumber + '页，跳转至</li>'); 

    sb.push('<li><select id="pid"  onchange="javascript: ' + callback + '(\'' + param + '\', this.value, ' + pageNumber + ')" >');          
    for(var i=1;i<=pageNumber;i++){ 
    if(i==pageIndex){
        curl = callback + '(\''+param+'\',' + i + ',' + pageNumber+')';
        sb.push('<li> <option value="'+i+'"  selected="selected">'+i+'</option></li>');
    }else{
        curl = callback + '(\''+param+'\',' + i + ',' + pageNumber+')';
        sb.push('<li> <option value="'+i+'">'+i+'</option></li>');
    }
    }
    sb.push('</select></li>');  

    sb.push('</ul>');
    return sb.join('');
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

实现二：

function nextPage(requesturl,pageIndex,pageNumber){

    if(pageIndex > 0 && pageIndex <= pageNumber){
     pageIndex = pageIndex + 1;
     gotoPager(requesturl,pageIndex,pageNumber);

    }
}

function proPage(requesturl,pageIndex,pageNumber){
    if(pageIndex > 0 && pageIndex <= pageNumber){
        pageIndex = pageIndex - 1;
        this.gotoPager(requesturl,pageIndex,pageNumber);
    }

}

function gotoPager(requesturl,pageIndex,pageNumber){

    if(pageIndex > 0 && pageIndex <= pageNumber){
        var url = requesturl+"&pageIndex="+pageIndex;
        window.location.href = url;
    }
}

function goPager(requesturl,pageNumber){

    var currentPageIndex = document.getElementById("currentPageIndex").value;
    gotoPager(requesturl,currentPageIndex,pageNumber);

}



function createPageBar(pageNumber,pageSize,pageIndex,url,viewedNum,param){
    if(pageNumber<=1)
        return "";
    if (param==null)
        param="";
    if(viewedNum==null)
        viewedNum = 5;
    var firstNumber = pageIndex-Math.floor(viewedNum/2);

    if(firstNumber<1)
        firstNumber = 1;
    var lastNumber = firstNumber+viewedNum-1;
    if(lastNumber>pageNumber)
        lastNumber = pageNumber;
    if((lastNumber-firstNumber+1<viewedNum) && pageNumber>viewedNum){
        firstNumber= lastNumber-viewedNum+1;
    }
    var num=lastNumber-firstNumber+1;
    if (num<viewedNum){
        firstNumber=lastNumber-viewedNum-1;
        if(firstNumber<0)
        {
        firstNumber=1;
        }
    }
    var sb = [];
    var curl = '';
    sb.push('<ul>');
    pageSize = pageSize + "&_isRFPB=true";
    var joinChar = "&";
    if(url.indexOf(".action?")==-1)
        joinChar = "?";
    if(pageIndex>1 && pageIndex <= pageNumber){
        curl = url+joinChar+'pageIndex='+(1)+'&pageSize='+pageSize+param;
        sb.push('<li><a href="'+curl+'">首页</a></li>');
        curl = url+joinChar+'pageIndex='+(pageIndex-1)+'&pageSize='+pageSize+param;
        sb.push('<li><a href="'+curl+'">上一页</a></li>');
    }
    for(var i=firstNumber;i<=lastNumber;i++){
        if(i==pageIndex){
            curl = url+joinChar+'pageIndex='+i+'&pageSize='+pageSize+param;
            sb.push('<li class="ch"> <a href="'+curl+'">'+i+'</a></li>');
        }else{
            curl = url+joinChar+'pageIndex='+i+'&pageSize='+pageSize+param;
            sb.push('<li> <a href="'+curl+'">'+i+'</a></li>');
        }
    }
    if(pageIndex<pageNumber){
        curl = url+joinChar+'pageIndex='+(pageIndex+1)+'&pageSize='+pageSize+param;
        sb.push('<li><a href="'+curl+'">下一页</a></li>');
        curl = url+joinChar+'pageIndex='+(pageNumber)+'&pageSize='+pageSize+param;
        sb.push('<li><a href="'+curl+'">末页</a></li>');
    }

    sb.push('</ul>');
    return sb.join('');
}

function createPageBar2(pageNumber,pageSize,pageIndex,total,callback,viewedNum,param){
    var sb = [];
    sb.push('<ul class="pagebar">共'+total+'条记录,每页'+pageSize+'条,当前第'+pageIndex+'页');
    if(pageNumber<=1){
        sb.push('</ul>');
        return sb.join('');
    }   
    if (param==null)
        param="";
    if(viewedNum==null)
        viewedNum = 5;
    var firstNumber = pageIndex-Math.floor(viewedNum/2);

    if(firstNumber<1)
        firstNumber = 1;
    var lastNumber = firstNumber+viewedNum-1;
    if(lastNumber>pageNumber)
        lastNumber = pageNumber;
    while(firstNumber>1 && (lastNumber-firstNumber+1)<viewedNum){
        firstNumber--;
    }
    var curl = '';
    if(pageIndex>1){
        curl = callback + '(' + (1) + ',' + pageSize+')';
        sb.push('<li><a href="'+curl+'">首页</a></li>');
        curl = callback + '(' + (pageIndex-1) + ',' + pageSize+')';
        sb.push('<li><a href="'+curl+'">上一页</a></li>');
    }
    for(var i=firstNumber;i<=lastNumber;i++){
        curl = callback + '(' + i + ',' + pageSize+')';
        if(i==pageIndex){
            sb.push('<li class="ch"> <a href="'+curl+'">'+i+'</a></li>');
        }else{
            sb.push('<li> <a href="'+curl+'">'+i+'</a></li>');
        }
    }
    if(pageIndex<pageNumber){
        curl = callback + '(' + (pageIndex+1) + ',' + pageSize+')';
        sb.push('<li><a href="'+curl+'">下一页</a></li>');
        curl = callback + '(' + (pageNumber) + ',' + pageSize+')';
        sb.push('<li><a href="'+curl+'">末页</a></li>');
    }

    sb.push('<li>共' + pageNumber + '页，跳转至</li>'); 
    sb.push('<li><select id="pid"  onchange="location.href=this.value" >');         
    for(var i=1;i<=pageNumber;i++){ 
    if(i==pageIndex){
        curl = callback + '(' + i + ',' + pageSize+')';
        sb.push('<li> <option value="'+curl+'"  selected="selected">'+i+'</option></li>');
    }else{
        curl = callback + '(' + i + ',' + pageSize+')';
        sb.push('<li> <option value="'+curl+'">'+i+'</option></li>');
    }
    }
    sb.push('</select></li>');  

    sb.push('</ul>');
    return sb.join('');
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153