跳到主要内容
版本：v8

ion-reorder-group

重新排序组是使用 重新排序 组件的项目的容器。当用户拖动项目并将其放到新位置时，将调度 ionItemReorder 事件。应实现此事件的处理程序，该处理程序调用 complete 方法。

ionItemReorder 事件的 detail 属性包含有关重新排序操作的所有相关信息，包括 from 和 to 索引。在重新排序的上下文中，项目从一个索引移动到一个新索引。有关重新排序组的示例用法，请参阅 重新排序 文档。

接口​

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 自定义属性。

插槽​

此组件没有可用的插槽。

内容

编辑此页面