功能說明：

實現JVxeTable表格拖拽排序功能

解決子表拖拽排序后，點擊保存數據，未實現拖拽排序后效果

---

參數配置：

提示：

1.開啟 dragSort 屬性之后即可實現上下拖拽排序。

2.使用 sortKey 屬性可以自定義排序保存的 key，默認為 orderNum。

3.使用 sortBegin 屬性可以自定義排序的起始值，默認為 0。

4.sortKey 定義的字段不需要定義在 columns 中也能正常獲取到值。

5.當存在 fixed 列時，拖拽排序將會失效，僅能上下排序。

---

sortKey：根據表內排序字段更換，這里演示默認排序字段【orderNum】

sortBegin：默認排序序號從0開始，可以單獨設置排序開始值，這里演示默認從【3】開始

---

JVxeTable配置:

<JVxeTableref="tableRef1"toolbardragSortsortKey="orderNum":sortBegin="3"rowSelection:maxHeight="580":columns="table1.columns":dataSource="table1.data"
/>

---

數據庫增加排序字段：

提示：

演示系統默認排序字段：【order_num】

---

排序字段名可以自定義。如設置自定義排序字段，替換sortKey中【orderNum】

---

查詢SQL增加order_num排序：

如設置自定義排序字段，替換【order_num】

<select id="selectByMainId" parameterType="java.lang.String" resultType="org.jeecg.modules.mmes.entity.item">SELECT * FROM  itemWHEREmain_id = #{mainId}ORDER BY order_num
</select>

異常情況：

只能點擊拖拽排序按鈕，進行上一行，下一行，插入一行的情況，是因為columns中的dragSort和rowSelection默認是fixed:left導致

異常處理方法：

【1】修改表格表格字段列的寬度調整，保證表格不出現左右滾動條即可。

【2】修改組件方式處理，請參考官方更新文檔：

JVxeTable列過長（出現橫向滾動條）時無法拖拽排序 ·?Issue #1162

JEECG v3.7.0 +版本處理方法【或直接參考JVxeDemo3.vue案例】：

JVxeTable組件標簽追加：

? ?dragSortFixed="none"
? ?rowSelectionFixed="none"

<JVxeTableref="tableRef1"toolbardragSortsortKey="orderNum":sortBegin="3"dragSortFixed="none"rowSelectionFixed="none"rowSelection:maxHeight="580":columns="table1.columns":dataSource="table1.data"
/>