SortDropdown
主に表の並べ替え操作を統一するためのコンポーネントです。並べ替え項目と並び順を指定でき、ボタンラベルとアイコンで現在の並び順を表します。
使用上の注意
テーブルではないコレクションを並べ替える時に使います。テーブルの場合はThのsortプロパティを使ってください。
レイアウト
[WIP] モバイル
モバイルで自動的に切り替わるようにコンポーネントを改修予定です。
ドロップダウンパネル
モバイル端末は画面が小さく誤操作しやすいため、ドロップダウンパネルはActionDialogを用いてモーダルに表示します。
Props
sortFields必須
SortFieldType[]
並び替え項目
defaultOrder必須
"desc" "asc"
並び順の初期値
sortFieldLabel
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
sortOrderLegend
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
ascLabel
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
descLabel
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
applyText
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
cancelText
string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal
onApply必須
(args: ArgsOnApply) => void
適用時に発火するイベント
onCancel
MouseEventHandler<HTMLButtonElement>
キャンセル時に発火するイベント
ref
(instance: HTMLButtonElement) => void RefObject<HTMLButtonElement>