以 element 樹表格為例,實作了樹表格的同級之間排序(跨級也有代碼,但還有問題)
onmove回調中 oldindex 會随時變化,若想拿到最開始拖動的row,需要使用onchoose 。
在onchoose需将 oldindex 或者 oldrow 存儲一下,供後續onmove和onend使用。
onmove 中可以使用return false 阻止拖動
因為是樹形結構,是以回調中傳回的 index 并不準确,是以要預先在onchoose 時将樹資料扁平化,才能根據傳回的index擷取到對應的row。
拖動結束更改樹表格源資料,雖然資料有更改,但視圖可能會亂掉,是以要使用nexttick 更新資料
更新資料後預設樹會縮合,是以要設定需要展開的節點
掃描上方二維碼關注我的訂閱号~