Skip to main content
Version: v7

ion-reorder-group

The reorder group is a container for items using the reorder component. When the user drags an item and drops it in a new position, the ionItemReorder event is dispatched. A handler for this event should be implemented that calls the complete method.

The detail property of the ionItemReorder event includes all of the relevant information about the reorder operation, including the from and to indexes. In the context of reordering, an item moves from an index to a new index. For example usage of the reorder group, see the reorder documentation.

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