JQuery 常用积累（二）Pagination 分页组件

var cxtj = {
        lx   : $("#splx").val(),     商品类型
        scrq : $("#spscrq").val(),   商品生产日期
        ys   : $("#spys").val(),     商品颜色
        cc   : $("#spcc").val(),     商品尺寸
        sccj   : $("#sccj").val()    生产厂家
    }; 

var count = 1;
count++; 
count > 2 ? $("#myPage").page('destroy') : '

var count = 1;
function query() {
  var cxtjobj = {
            lx   : $("#splx").val(),     商品类型
            scrq : $("#spscrq").val(),   商品生产日期
            ys   : $("#spys").val(),     商品颜色
            cc   : $("#spcc").val(),     商品尺寸
            sccj   : $("#sccj").val()    生产厂家
        }; 
    count++; //count 计数的作用，为当第二次以后点击请求时，先销毁分页组件
    count > 2 ? $("#sppage").page('destroy') : '';
    $("#sppage").page({
        remote : {
            url : '请求地址@RequestMapping',
            pageIndexName : 'pageIndex', //请求参数，当前页数
            pageSizeName : 'pageSize', //请求参数，每页数量
            totalName : 'total', //指定返回数据的总数据量的字段名
            params : {
                cxtj : JSON2.stringify(cxtjobj),
            },
            callback : function(data, pageIndex) {
                if (data.success) {

                    //-----在这里，你可以遍历你返回回来的值，遍历数据的方法，取决与你后台组织好，传递过来的数据结构-----

                    //1.返回Map 【data.key 就可以取到 value】如下：
                    fhxxlist = data.fhxxlist;


//2.返回 List<Map<String,Object>> 或者 List，遍历方法如下：
                    $.each(fhxxlist, function(i, fhxx) {
                    });

} else 
                    alert(data,error);
            },
        }    //---------这里你可以编写响应三种不同的分页组件后需要处理的逻辑，也就是回调函数------------

            }).on("pageClicked", function (event, pageIndex) {
                 $("#eventLog").append('EventName = pageClicked , pageIndex = ' + pageIndex + '<br />');
             }).on('jumpClicked', function (event, pageIndex) {
                 $("#eventLog").append('EventName = jumpClicked , pageIndex = ' + pageIndex + '<br />');
             }).on('pageSizeChanged', function (event, pageSize) { $("#eventLog").append('EventName = pageSizeChanged , pageSize = ' + pageSize + '<br />'); });

}

    
    /**
      * 描述：根据 countsql 查询出来的总条数, pageindex 计算出总共需要多少页
      */
    public int[][] getPagearray(int total,int pagesize){        
        int page = (total%pagesize == 0 ? total/pagesize:total/pagesize + 1);int[][] pagearray = new int[page][pagesize];
        int j = 1;
        for(int i = 0;i<page;i++){
           for (int k = 0;k<pagesize;k++){
               pagearray[i][k] = j;
               j++;               
           }
        }
        return pagearray;
    }
    
    /**
      * 描述：根据请求的 pageindex ,取出一个开始到结束的区间，并且在这个区间里面查询需要展示到前台的数据集合，返回给前台
      */
    public Map<String,Object> createPagination(String countsql,String cxxxsql,String retname,int pageSize,int pageIndex){           
        Map <String,Object> result = new HashMap<String,Object>();
        List<Map<String, Object>> countlist;
        try {
            countlist = selecter.select2list(countsql);
            int count = Integer.parseInt(countlist.get(0).get("count").toString());
          if(count == 0){                 
                 result.put("error", "没有查询到信息,请变更查询条件！");
                 result.put("total", 0);
             }else{
              int[][] pagearray = getPagearray(count,pageSize);
                    String jtxxsql = "SELECT * " +
                          "  FROM (SELECT P.*, ROWNUM RID " + 
                          "          FROM (" + cxxxsql + ") P) " + 
                          " WHERE RID BETWEEN "+ pagearray[pageIndex][0] +" AND "+ pagearray[pageIndex][pageSize - 1] ;  
                 List<Map<String,Object>> cxxxlist = selecter.select2list(jtxxsql);
                 result.put("success",true);
                 result.put("total",count);
                 result.put("data", pagearray[pageIndex]);
                 result.put(retname, cxxxlist);
            }
        } catch (DataOptException e) {
            e.printStackTrace();
        }
        return result;
    }