How can paging in FileManagement module? #1307

14 Answer(s)

• 

  0

  cotur created 3 years ago

  Hi @devteam

  File Management module built by getting inspired all other similar systems (like OS File System, Dropbox etc) You can't see paging at those, because of that we did not add paging, the backend does not return paged result from API.

  To do that, you need to make changes on source code.

  Here is the TODO list for your request.

  1. Import File Management module with source code
  2. Convert the return parameter to PagedResult from ListResult of DirectoryDescriptorAppService.GetListAsync (also make required changes for controller and do paging in the code)
  3. Then at the UI, you can add paginator to your datatable.
  4. Test all functionality.

  Save Cancel
• 

  0

  bunyamin created 3 years ago

  Hello,

  In addition to what @cotur said, in angular code, you need to change the following line within file-management-folder-content.component to the page size you'd like.

  this.list.maxResultCount = Infinity;

  Save Cancel
• 

  0

  thaithiendi created 3 years ago

  Hi support team,

  I converted the return parameter to PagedResult from ListResult of DirectoryDescriptorAppService.GetListAsync in backend. And frontend angular I alse converted the return parameter to PagedResult from ListResult of directory-descriptor.service.ts file-management-folder-content.component.ts have also this.list.maxResultCount = Infinity; But i don't see paging tool. How can I have to change file-management-folder-content.component.html to do that

  Save Cancel
• 

  0

  bunyamin created 3 years ago

  Hello,

  You need to change this.list.maxResultCount = Infinity to the number of items you'd like to see in a page.

  E.g. this.list.maxResultCount = 20;

  Save Cancel
• 

  0

  thaithiendi created 3 years ago

  Thanks bunyamin,

  Yes, I have paging tool But when i click to paging, list data not refesh. I read Log but don't see error.

  Pls help me how

  Save Cancel
• 

  0

  bunyamin created 3 years ago

  Did you update angular proxies?

  When a pagination event occurs, the DirectoryDescriptorService::getContent method gets called. Normally, it sends the following params to the backend: params: { filter: input.filter, sorting: input.sorting, id: input.id }. Since you've enabled pagination, your service should be updated with proper params.

  Save Cancel
• 

  0

  thaithiendi created 3 years ago

  Hi bunyamin,

  I see the DirectoryDescriptorService::getContent method gets called when a pagination event occurs. but I don't know how to get page number to pass into backend. When I click page number "2". I want to pass param "2" into backend. How i can get number "2"?

  Save Cancel
• 

  0

  bunyamin created 3 years ago

  Hello,

  Let's say your maxResultCount is 2, and you click on page number 3.

  DirectoryDescriptorService::getContent method will get called with the following param:

  {
    maxResultCount: 2,
    skipCount: 4
  }
  

  You can find page number with this formula => skipCount / maxResultCount + 1

  Save Cancel
• 

  0

  thaithiendi created 3 years ago

  Hi,

  Thank you, I got it. One more question, when i add maxResultCount and skipCount attributes into DirectoryContentRequestInput interface, Why do these attributes have value? and where are these attributes set? Any other attributes?

  Save Cancel
• 

  0

  bunyamin created 3 years ago

  Hello,

  Here is where those attributes are set: https://github.com/abpframework/abp/blob/dev/npm/ng-packs/packages/core/src/lib/services/list.service.ts#L134

    private next() {
      this._query$.next(({
        filter: this._filter || undefined,
        maxResultCount: this._maxResultCount,
        skipCount: this._page * this._maxResultCount,
        sorting: this._sortOrder ? `${this._sortKey} ${this._sortOrder}` : undefined,
      } as any) as QueryParamsType);
    }
  

  Save Cancel
• 

  0

  thaithiendi created 3 years ago

  Hi,

  Paging tool only show on client side when i return full list object.

  When i skip and take return list, Paging tool hidden.

  How i can show both paging tool and paged return list?

  Save Cancel
• 

  0

  alper created 3 years ago

  Support Team Director

  paging in FileManagement module will be implemented in v4.4

  Save Cancel
• 

  0

  cotur created 3 years ago

  Hi @thaithiendi,

  I want to update one thing about @albert's reply, we will implement paging in 5.0 version. Not v.4.4.

  Save Cancel
• 

  0

  ServiceBot created 3 years ago

  Support Team Automatic process manager

  This question has been automatically marked as stale because it has not had recent activity.

  Save Cancel