[Paginator] Add jump-to-page functionality
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### Bug, feature request, or proposal:
Feature request
#### What is the expected behavior?
To be able to jump to a specific page using a dropdown populated with page numbers. The dropdown should be next in line after the `Items per page` dropdown, so you can choose the page size and then the page number you want to go to.
Don't know if the following part is smart, but in use cases where the page number is large, a `step` input can be implemented. If the total number of pages is 500, and the step is 5, the `Page number` dropdown would hold only pages 1, 5, 10, 15, 20 .... so the user can get to the desired page in as little scrolling and as few clicks as possible.
#### What is the current behavior?
To get to a specific page you have to go page by page
#### What is the use-case or motivation for changing an existing behavior?
In my case, I have a 100 item per page list, that has 3500 total items sorted by date and the users land at the last page. If the users wants to check the items that were added at the beginning of the year, they know that they should be looking at items from 1 to at least 300, so that is 32 clicks to get to the desired items. As the total page count gets bigger, the harder it is to get to the last pages (first pages in my case).
コントリビューションガイド
調査の方向性
Angular paginator のエントリポイントから開始し、既存の「Items per page」ドロップダウンがどのようにレンダリングされ、ページナビゲーションに接続されているかを調査します。要求されているページ番号ドロップダウン、その配置、オプションのステップ動作を確認します。ユーザーがページごとに進めなくても、特定のページを直接選択できれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- 機能追加
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 30/100