跳至主要內容
版本:v8

ion-reorder-group

重新排序群組是使用 reorder 元件的項目的容器。當使用者拖曳項目並將其放置在新位置時,會觸發 ionItemReorder 事件。應實作此事件的處理常式,該處理常式會呼叫 complete 方法。

ionItemReorder 事件的 detail 屬性包含有關重新排序操作的所有相關資訊,包括 fromto 索引。在重新排序的上下文中,項目會從索引 from 移動到新索引 to。如需重新排序群組的範例用法,請參閱 reorder 文件。

介面

ItemReorderEventDetail

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

ItemReorderCustomEvent

雖然不是必要的,但此介面可用來取代 CustomEvent 介面,以便使用此元件發出的 Ionic 事件進行更強的類型檢查。

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

屬性

disabled

說明如果為 true,則會隱藏重新排序功能。
屬性disabled
類型boolean
預設值true

事件

名稱說明泡泡
ionItemReorder需要監聽以完成重新排序動作的事件。發出事件後,需要呼叫 complete() 方法以完成重新排序動作。true

方法

complete

說明完成重新排序操作。必須由 ionItemReorder 事件呼叫。

如果傳遞了項目清單,則會重新排序該清單,並以正確的順序傳回。

如果未傳遞任何參數,或傳遞了 true,則會完成重新排序,且項目會保留在其被拖曳到的位置。如果傳遞了 false,則會完成重新排序,且項目會彈回其原始位置。
簽名complete(listOrReorder?: boolean | any[]) => Promise<any>

CSS 陰影部分

此元件沒有可用的 CSS 陰影部分。

CSS 自訂屬性

此元件沒有可用的 CSS 自訂屬性。

插槽

此元件沒有可用的插槽。