美文网首页
EasyUI分页

EasyUI分页

作者: 螃蟹和骆驼先生Yvan | 来源:发表于2020-11-23 14:54 被阅读0次

    前端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);
                                }
                            }
                        }
                    }
                });
    

    相关文章

      网友评论

          本文标题:EasyUI分页

          本文链接:https://www.haomeiwen.com/subject/arfviktx.html