給表增加排序功能 · 快速查找 -- Jeecg Boot

# :-: 給表增加排序功能 > 1. 在vxe-table列中添加拖拽按鈕 ![](https://img.kancloud.cn/f2/1b/f21ba8dbfc0ff2af1c5637ee3a15f5c0_940x158.png) > 2. 引用相應的文件 ![](https://img.kancloud.cn/58/bf/58bf39e5eb3deca3017c67774ff91a64_784x51.png) > 3. 調用 ![](https://img.kancloud.cn/a5/e3/a5e33136e18d83cd9a8d579041649395_472x152.png) > 4. 在data中新增排序規則，以排序號升序排列 ![](https://img.kancloud.cn/49/aa/49aa2ed433a2f071e62dcab4d674433b_545x230.png) > 5. 在created方法中書寫實現方法 ![](https://img.kancloud.cn/a9/b3/a9b35ae9354196250359eec4c627406c_652x66.png) > 6. 在methods中實現方法 ![](https://img.kancloud.cn/ff/39/ff3977901616945feabee27d16681887_925x884.png) > 7. 在methods中書寫重新計算sort的方法 ![](https://img.kancloud.cn/9d/f1/9df135dee261ff320efd21baa7920cf3_736x156.png) > 8. 在methods中書寫保存排序的方法 ![](https://img.kancloud.cn/88/6f/886f41fe2eb1b55e57e81d2bd70ebe50_700x232.png) > 9. 在data中的url中書寫后臺保存排序方法的路徑 ![](https://img.kancloud.cn/3c/ec/3ceccfa3e9a149b13a34a25bdb427bf9_688x177.png) > 10. 在后臺書寫保存排序的方法 ![](https://img.kancloud.cn/82/59/82595872490e38df033a9682bc7b938a_1039x735.png) ***** > ## 如果是樹結構的列表的話，實現方法和重新計算排序號的方法不同 > 1. 在methods中實現方法 ![](https://img.kancloud.cn/ff/af/ffaf5ccb7d814e3cef8e377737acd524_1147x1505.png) > 2. 在methods中書寫重新計算排序號的方法 ![](https://img.kancloud.cn/2d/f5/2df560ef82983756c73ca7d38b0f0107_576x325.png)