Иони c: Есть ли способ реализовать перестановку компонентов с помощью перетаскивания в вертикальном направлении? - PullRequest
Новая
       3

Иони c: Есть ли способ реализовать перестановку компонентов с помощью перетаскивания в вертикальном направлении?

1 голос
/ 04 апреля 2020

Изменение порядка ионов, по-видимому, зависит от вертикальной ориентации списка по умолчанию, что позволяет изменять порядок элементов вверх или вниз. Я хочу отобразить список ионных чипов, отображаемых в обычном горизонтальном текстовом потоке с обычным переносом строк.

Пример: 

<IonContent>
    <IonChip>Item 1</IonChip>
    <IonChip>Item 2</IonChip>
    <IonChip>Item 3</IonChip>
    <IonChip>Item 4</IonChip>
    <IonChip>Item 5</IonChip>
    <IonChip>Item 6</IonChip>
    <IonChip>Item 7</IonChip>
</IonContent>

Можно ли использовать Ion Reorder для перетаскивания чипов в этой ориентации? Или есть другой простой способ сделать это?

1 Ответ

0 голосов
/ 05 апреля 2020

Ion Reorder - это конкретная c реализация перетаскивания с указанными c правилами и форматом. Вы можете просто использовать библиотеку перетаскивания, например dragula .

https://valor-software.com/ng2-dragula/

После установки вы можете создавать перетаскиваемые объекты. такие простые фишки: 

<ion-content>
  <div dragula="MY_DRAGULA">
    <ion-chip *ngFor="let chip of chips"><ion-label>{{chip.name}}</ion-label></ion-chip>
  </div>
</ion-content>

Выше приведен пример использования Ioni c с Angular. Из вашего примера, я полагаю, вы используете React. Я не использую React, однако, я вижу, что есть также версия Draula для React.

https://github.com/bevacqua/react-dragula

Надеюсь, это поможет!

...