Skip to main content
Version: v7

ion-reorder-group

reorder groupは、reorder コンポーネントを使用したアイテムのコンテナです。ユーザがアイテムをドラッグして新しい位置にドロップすると、 ionItemReorder イベントがディスパッチされる。このイベントのハンドラは complete メソッドを呼び出すように実装する必要があります。

ionItemReorder イベントの detail プロパティには、from と to インデックスを含む、並べ替え操作に関するすべての関連情報が含まれます。並び替えのコンテキストでは、アイテムは from インデックスから to インデックスに移動します。reorder groupの使用例については、reorder のドキュメントを参照してください。

Interfaces

ItemReorderEventDetail

interface ItemReorderEventDetail {
  from: number;
  to: number;
  complete: (data?: boolean | any[]) => any;
}

ItemReorderCustomEvent

必須ではありませんが、このコンポーネントから発行される Ionic イベントでより強く型付けを行うために、CustomEvent インターフェースの代わりにこのインターフェースを使用することが可能です。

interface ItemReorderCustomEvent extends CustomEvent {
  detail: ItemReorderEventDetail;
  target: HTMLIonReorderGroupElement;
}

プロパティ

disabled

Descriptiontrueの場合、リオーダーは非表示になる。
Attributedisabled
Typeboolean
Defaulttrue

イベント

NameDescription
ionItemReorder再注文アクションを完了させるためにリッスンする必要があるイベント。イベントが発生したら、再注文のアクションを確定するために complete() メソッドを呼び出す必要があります。

メソッド

complete

Description再注文操作を完了します。ionItemReorderイベントで呼び出す必要がある。 アイテムのリストが渡された場合、リストは適切な順序に並び替えられ、返される。 パラメータが渡されない場合、またはtrueが渡された場合、並べ替えは完了し、アイテムはドラッグされた位置に留まります。false`が渡された場合、並び替えは完了し、アイテムは元の位置に跳ね返されます。
Signaturecomplete(listOrReorder?: boolean ｜ any[]) => Promise<any>

CSS Shadow Parts

No CSS shadow parts available for this component.

CSSカスタムプロパティ

No CSS custom properties available for this component.

Slots

No slots available for this component.

Contents

Edit this page