init

cy

2022-06-21 129904537f66509f97b285e7eb4f42b3dc349dd0

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
$.fn.mypagination = function(total,cpage,psize,opts){
 
    opts = $.extend({perPage:psize||1, recordCount:total||0, callback:function(){}}, opts||{});
    
    opts.totalPage = Math.ceil(total/opts.perPage);
    
    return this.each(function(){
        var currPage;
        
        if(cpage>opts.totalPage){
            currPage=opts.totalPage;
        }else{
            currPage=cpage;
        }
        
        var panel = $(this);
        
        function _gotopage(page){
            return function(){
                currPage = page;
                render();
                opts.callback(currPage);
            };
        }
        
        function turnPage(){
            var page = $(".turn-page-input",panel).val();
            if(page===""+parseInt(page)){
                page = parseInt(page);
                if(page<=opts.totalPage&&page>=1){
                    currPage = page;
                    render();
                    opts.callback(currPage);
                }else{
                    alert("请输入正确的页码");
                }
            }else{
                alert("请输入正确页码");
            }
        }
        
        function render(){
            var html = '<table cellspacing="0" cellpadding="0" border="0" width="100%">';
              html = html + '<tbody>';
            html = html + '<tr><td align="center" class="pn-sp">'
            //html = html + '每页&nbsp;' + opts.perPage + '&nbsp;条&nbsp;';
            html = html + '<input class="page-first" type="button" value="首 页" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;"/>';
            html = html + '<input class="page-prev" type="button" value="上一页" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;"/>';
            html = html + '<input class="page-next" type="button" value="下一页" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;"/>';
            html = html + '<input class="page-last" type="button" value="尾 页" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;"/>&nbsp;';
            html = html + '<input class="page-first" type="button" value="共' + opts.recordCount + '条" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;"/>&nbsp;';
            //html = html + '<input type="text" class="turn-page-input"  maxlength="10" value="'+currPage+'" size="2"/>&nbsp;';
            //html = html + '<input type="button" class="turn-page-btn" style="font-size:12px;border:1px solid #CCCCCC;height:25px;line-height:25px;margin:0 2px;background:#FFFFFF;" value="跳转">&nbsp;';
            //html = html + '当前 ' + currPage + '/' + opts.totalPage + ' 页 &nbsp;';
            html = html + '</td></tr></tbody></table>';            
            panel.empty();
            panel.append(html);
            if(currPage==1){
                $(".page-first",panel).attr("disabled",true);
                $(".page-prev",panel).attr("disabled",true);
            }else{
                $(".page-first",panel).bind('click',_gotopage(1));
                $(".page-prev",panel).bind('click',_gotopage(currPage-1));
            }
            
            if(currPage==opts.totalPage){
                $(".page-next",panel).attr("disabled",true);
                $(".page-last",panel).attr("disabled",true);
            }else{
                $(".page-next",panel).bind('click',_gotopage(currPage+1));
                $(".page-last",panel).bind('click',_gotopage(opts.totalPage));
            }
            
            $(".turn-page-btn",panel).bind('click',turnPage);
        }        
        render();
    });
};