ion-reorder-group
重新排序群組是使用 reorder 元件的項目的容器。當使用者拖曳項目並將其放置在新位置時,會觸發 ionItemReorder
事件。應實作此事件的處理常式,該處理常式會呼叫 complete
方法。
ionItemReorder
事件的 detail
屬性包含有關重新排序操作的所有相關資訊,包括 from
和 to
索引。在重新排序的上下文中,項目會從索引 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 自訂屬性。
插槽
此元件沒有可用的插槽。