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