前端EasyUI自带 ：

                <div id='pp' style='background:#efefef;border:1px solid #ccc;'></div>

初始化加载

前端分页

    $('#pp').pagination({
                pageSize: 5,
                pageList: [5,10,15],
                onSelectPage:function(pageNumber, pageSize){
                    $(this).pagination('loading');
                    page=pageNumber;
                    size=pageSize;
                    getWDList(addr, sort);
                    $(this).pagination('loaded');
                }
            });
点击时候触发在外声明把里面参数page和size传给后台
    var page=1;
    var size=5;
function getWDList(addr, sort) { //sort : 指定排序规则 距离 || 优先级     
            //请求
            $.ajax({
                url : '${basePath}/orderSys/user/getwdListByRegion?regionId='
                        + addr+'&page='+page+'&rows='+size,
                pagination : true,
                type : 'post',
                dataType : 'json',
                success : function(data) {
                    if (data) {
                        wds = data.rows;
                        $('#pp').pagination({
                            total:data.total
                        });
                        if (!wds || wds.length == 0) {
                            $('#wd-List').empty().text("该地区未查询到网点信息");
                            return;
                        }
                        //遍历得到 地址总数
                        for ( var x in wds) {
                            addrTotal += wds[x].wdShops.length;
                        }
                        //遍历
                        for ( var q in wds) {
                            for ( var w in wds[q].wdShops) {
                                getDistance(wds[q].wdShops[w], sort);
                            }
                        }
                    }
                }
            });