天天看點

踩坑日記 - Sortable 拖動樹表格排序

以 element 樹表格為例,實作了樹表格的同級之間排序(跨級也有代碼,但還有問題)

onmove回調中 oldindex 會随時變化,若想拿到最開始拖動的row,需要使用onchoose 。

在onchoose需将 oldindex 或者 oldrow 存儲一下,供後續onmove和onend使用。

onmove 中可以使用return false 阻止拖動

因為是樹形結構,是以回調中傳回的 index 并不準确,是以要預先在onchoose 時将樹資料扁平化,才能根據傳回的index擷取到對應的row。

拖動結束更改樹表格源資料,雖然資料有更改,但視圖可能會亂掉,是以要使用nexttick 更新資料

更新資料後預設樹會縮合,是以要設定需要展開的節點

踩坑日記 - Sortable 拖動樹表格排序

掃描上方二維碼關注我的訂閱号~