分享Drag and drop 做排序時跨選單的做法

code放在這邊 https://stackblitz.com/edit/angular-dw2kag

目前cdk的drag and drop的範例但只有一個選單上下拖拉
user卻覺得選單太長時 想把多的部分換行

這時第一個想法是用flex 讓list自動換行就好
但會發現如果是同一個list多行多列的時候
在drop時會cdk有算錯位置的情況
應該是因為他設計時並沒有包含有多行多列的排序情形

所以我的解法是切割成多個選單
在每一次拖拉觸發drop時,
如果是跨選單就重新切割資料,
讓選單都保持在設定好的固定的長度
來實現選單不想無限長, 多的地方想換行的需求

2個讚

分享我之前做過類似的功能

1個讚

看起來功能不太一樣?
我做的是要將一張表單
做排序且要換行

但你說類似的功能是指?