jquery pagination.js 分页

js代码:

var pageIndex = 0;     //页面索引初始值  
            var pageSize = 10;     //每页显示条数初始化,修改显示条数,修改这里即可  
            var where="";          //查询条件
            var searchwhere="";    //查询条件
            
            function PageSet(data){
                 //分页,PageCount是总条目数,这是必选参数,其它参数都是可选  
                $("#Pagination").pagination(data , {  
                    callback: PageCallback,  
                    prev_text: ‘上一页‘,       //上一页按钮里text  
                    next_text: ‘下一页‘,       //下一页按钮里text  
                    items_per_page: pageSize,  //显示条数  
                    num_display_entries: 6,    //连续分页主体部分分页条目数  
                    current_page: pageIndex,   //当前页索引  
                    num_edge_entries: 2        //两侧首尾分页条目数  
                });  
            }
            
            $(function() {                                               
                $.get("../AjaxHandler/GetPageCount.ashx",{pwhere:searchwhere,strWhere:where,tb:3},function(data){                                      
                      PageSet(data);
                });
                 
            });
            
            $("#strWhere").bind("change",function(){
                    var type1=$("#strWhere option:selected").val();
                    alert(type1);
                    //var where1="";
                    switch(type1){
                        case "全部":
                            where="";
                            break;
                        case "返修登记":
                             where="返修登记";
                             break;
                        case "到货确认":
                             where="返修登记,到货确认";
                             break;
                        case "维修开始":
                             where="返修登记,到货确认,维修开始";
                             break;
                        case "维修完成":
                             where="返修登记,到货确认,维修开始,维修完成";
                             break;
                         case "设备交付":
                              where="返修登记,到货确认,维修开始,维修完成,设备交付";
                              break;
                    }
                    $("#emptable tbody tr").remove(); //移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)             
                    $.get("../AjaxHandler/GetPageCount.ashx",{pwhere:searchwhere,strWhere:where,tb:3,t:"6,8,10,11"},function(data){                                      
                          PageSet(data);
                    });
                    //InitTable(pageIndex);  
                 });
                 $("#search").bind("click",function(){
                      searchwhere=$("#searchvalue").val();
                      $("#emptable tbody tr").remove();
                      $.get("../AjaxHandler/GetPageCount.ashx",{pwhere:searchwhere,strWhere:where,tb:3,t:"6,8,10,11"},function(data){                                      
                           PageSet(data);
                      });
                      //InitTable(pageIndex);
                 });   
                //翻页调用  
                function PageCallback(index, jq) {  
                    $("#emptable tbody tr").remove(); //移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)             
                    InitTable(index);  
                }  
                //请求数据  
                function InitTable(pageIndex) {  
                    var twhere=where;
                    var pwhere=searchwhere;                           
                    $.ajax({   
                        type: "POST",  
                        dataType: "json",  
                        url: ‘../AjaxHandler/RepairSelect.ashx‘,      //提交到一般处理程序请求数据  
                        data: "pageIndex=" + (pageIndex + 1) +"&&strWhere="+twhere+"&&pwhere="+pwhere,    //提交一个参数:pageIndex(页面索引)  
                        success: function(data) {                                   
                           var html="";
                           var loginUser=$("#loginUser").val();
                           $.each(data,function(k,v){
                              var arrays=v.Status.split(‘,‘);
                              if(loginUser=="sysadmin"){
                                 html+="<tr class=‘gradeX odd‘><td><input class=‘checkboxes‘ value="+v.ID+" type=‘checkbox‘/></td><td><a href=‘#responsive2‘ data-toggle=‘modal‘ onclick=‘lookdetail("+v.ReportNum+")‘ alt=‘查看详细‘>"+v.ReportNum+"</a></td><td ><a href=‘#responsive3‘ data-toggle=‘modal‘ onclick=‘looksnu(this)‘ alt=‘查看详细‘>"+v.SNumber+"</a></td><td name="+v.Status+">"+arrays[arrays.length-1]+"</td><td >"+v.CompanyName+"</td><td >"+v.Reporter+"</td><td><a href=‘#responsive2‘ data-toggle=‘modal‘ onclick=‘lookdetail("+v.DeliveryNum+")‘ alt=‘查看详细‘>"+v.DeliveryNum+"</a></td><td><a href=‘javascript:;‘ onclick=‘lookstatus(this)‘ class=‘btn mini blue‘><i class=‘icon-reload‘></i> 查看</a></td><td ><div style=‘width:100px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;‘ title="+v.Reason+">"+v.Reason+"</div></td><td style=‘width:190px;margin:0; padding:8px 0;‘><a href=‘#responsive0‘ id=‘checkin‘ scr="+v.ID+" data-toggle=‘modal‘ class=‘btn mini blue‘ onclick=‘check(this);‘><i class=‘icon-edit‘></i>登记</a>&nbsp;|&nbsp;<a href=‘#responsive1‘ id=‘checkin‘ scr="+v.ID+" data-toggle=‘modal‘ class=‘btn mini blue‘ onclick=‘updateq(this);‘><i class=‘icon-edit‘></i>编辑</a>&nbsp;|&nbsp;<a href=‘javascript:;‘ onclick=‘del("+v.ID+")‘ class=‘btn mini black‘><i class=‘icon-trash‘></i> 删除</a></td></tr>";
                              }else{
                                 html+="<tr class=‘gradeX odd‘><td><input class=‘checkboxes‘ value="+v.ID+" type=‘checkbox‘/></td><td><a href=‘#responsive2‘ data-toggle=‘modal‘ onclick=‘lookdetail("+v.ReportNum+")‘ alt=‘查看详细‘>"+v.ReportNum+"</a></td><td ><a href=‘#responsive3‘ data-toggle=‘modal‘ onclick=‘looksnu(this)‘ alt=‘查看详细‘>"+v.SNumber+"</a></td><td name="+v.Status+">"+arrays[arrays.length-1]+"</td><td >"+v.CompanyName+"</td><td >"+v.Reporter+"</td><td><a href=‘#responsive2‘ data-toggle=‘modal‘ onclick=‘lookdetail("+v.DeliveryNum+")‘ alt=‘查看详细‘>"+v.DeliveryNum+"</a></td><td><a href=‘javascript:;‘ onclick=‘lookstatus(this)‘ class=‘btn mini blue‘><i class=‘icon-reload‘></i> 查看</a></td><td ><div style=‘width:100px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;‘ title="+v.Reason+">"+v.Reason+"</div></td><td style=‘width:130px;margin:0; padding:8px 0;‘><a href=‘#responsive0‘ id=‘checkin‘ scr="+v.ID+" data-toggle=‘modal‘ class=‘btn mini blue‘ onclick=‘check(this);‘><i class=‘icon-edit‘></i>登记</a>&nbsp;|&nbsp;<a href=‘#responsive1‘ id=‘checkin‘ scr="+v.ID+" data-toggle=‘modal‘ class=‘btn mini blue‘ onclick=‘updateq(this);‘><i class=‘icon-edit‘></i>编辑</a></td></tr>";
                              }
                           });
                           $("#emptable tbody").append(html);             //将返回的数据追加到表格  
                        }  
                    });              
                }

时间: 2024-10-13 14:09:55

jquery pagination.js 分页的相关文章

jquery.pagination.js分页

参数说明 参数名 描述 参数值 maxentries 总条目数                           必选参数,整数 items_per_page 每页显示的条目数                       可选参数,默认是10 num_display_entries 连续分页主体部分显示的分页条目数                       可选参数,默认是10 current_page 当前选中的页面                      可选参数,默认是0,表示第1页

jquery.pagination.js分页插件的使用

1.引用jquery.pagination.js <script src="${ctx}/themes/b2b2cv2/doctor/js/message/jquery.pagination.js"></script> 2.发送2次ajax请求,第一次需传入首页和页大小,返回数据得到所有数据的长度: 第二次发送请求传入点击的页码号和页的大小,返回数据得到点击页的数据 参考链接: 1.https://blog.csdn.net/baidu_25343343/art

ajax分页实现,jquery.pagination.js

1.前台使用ajax无刷新分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代码 1 /** 2 * This jQuery plugin displays pagination links inside the selected elements. 3 * 4 * @author Gabriel Birke (birke *at* d-scribe *dot* de) 5

浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍 此插件是jQuery的ajax分页插件.分页切换时无刷新也无延迟,因为是一次性加载的.如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好! 插件使用 此插件使用比较简单.主要引入以下文件就可以用了 1.jquery.js依赖库 2.pagination.css 这个主要是样式,我们在元素使用的时候将分页列表放在class类为pagination的标签内即可 <div class='pagination'></div> 3.jq

无刷新分页 jquery.pagination.js

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个. 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css). 点击获取查看这两个文件 2.页面js代码为 <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $

jQuery 分页插件(jQuery.pagination.js)ajax 实现分页

首先需要引入jQuery 再次需要引入 <script src="jquery/jquery.pagination.js"></script> 同时也要引入 <link rel="stylesheet" href="css/pagination.css"> 引入之后,分页基本样子 下面看分页配置参数 var defaults = { totalData: 0, //数据总条数 showData: 0, //每页

jquery.pagination.js添加跳转页

原作者github地址:https://github.com/gbirke/jquery_pagination 在这基础上加入了跳转到指定页. 修改后的jquery.pagination.js /** * This jQuery plugin displays pagination links inside the selected elements. * * This plugin needs at least jQuery 1.4.2 * * @author Gabriel Birke (b

Jquery.Page.js 分页插件的使用

1.简单直接贴代码 需要引用以下样式和脚本 <link href="~/Scripts/Page/pager.css" rel="stylesheet" /> <script src="~/Scripts/jQuery-1.8.3.js"></script> <script src="~/Scripts/Page/jquery.pager.js"></script>

jQuery Pagination Ajax分页插件

下载地址:https://github.com/gbirke/jquery_pagination 参数 参数名 描述 参数值 maxentries 总条目数 必选参数,整数 items_per_page 每页显示的条目数 可选参数,默认是10 num_display_entries 连续分页主体部分显示的分页条目数 可选参数,默认是10 current_page 当前选中的页面 可选参数,默认是0,表示第1页 num_edge_entries 两侧显示的首尾分页的条目数 可选参数,默认是0 li