ITPub博客

首页 > IT职业 > IT生活 > ng-table后台分页

ng-table后台分页

IT生活 作者:cosis 时间:2021-09-09 09:21:54 0 删除 编辑

HTML:



    
    
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
            
                图片描述             
        
{{row.supplierName}}{{row.sku}}{{row.description}}{{row.size}}{{row.brand}}{{row.priceCost}}{{row.usableQty}}{{row.qty}}{{row.created | date:'yyyy-MM-dd'}}{{row.lastOrderTime| date:'yyyy-MM-dd'}}             
                                                               
        
            
                                              
        

JS:

this.tableParams = new NgTableParams({
    count: this.pageSize
}, {
    counts: [],
    paginationMaxBlocks: 6,
    paginationMinBlocks: 2,
    getData: (params) => {
        let object = {
            pageSize: params.count(),
            pageNo: params.page(),
            filterMap: searchInfo
        };
        return productDataService.getCreateList(object).then(res => {
            this.items = res.data.elements;
            this.allTotal = res.data.total;
            params.total(res.data.total);
            return this.items;
        });
    }
});

如果需要后台分页:

getData: (params) => {
        let object = {
            pageSize: params.count(),
            pageNo: params.page(),
            filterMap: searchInfo
        };
        return productDataService.getCreateList(object).then(res => {
            this.items = res.data.elements;
            this.allTotal = res.data.total;
            params.total(res.data.total);
            return this.items;
        });
    }

如果想直接前端分页可以参照官网的dataset:

getData ==> dataset

dataset:[{key:value},{key:value},{key:value}……]

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2826/viewspace-2802692/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    90
  • 访问量
    1015