angular / angular/components

[Paginator] Add jump-to-page functionality

オープン
#7,615 コメント 34 件 リアクション 43 件 担当者 0 名 GitHub で見る
area: material/paginator feature P3
主要言語
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。