ztree实现同级拖拽排序并将排序结果保存数据库

 ztree这个系列的最后一篇，也是ztree功能强大的体现之一——排序功能。ztree可以实现所有节点之间随意的拖拽排序功能，我这里根据需要实现了只允许同级之间随意拖拽排序，其实原理都一样，只是范围缩小了一些，多了一些判断而已。下面是每一层的代码，还是采取只贴出功能代码，因为这个拖拽排序功能我感觉很不错，所以单独拿出一篇博客来展示，也方便理解。

Jsp页面实现功能的js代码如下：

 

1. //拖拽前执行

2. var dragId;

3. function beforeDrag(treeId, treeNodes) {

4. for (var i=0,l=treeNodes.length; i<l; i++) {

5. dragId = treeNodes[i].pId;

6. if (treeNodes[i].drag === false) {

7. return false;

8. }

9. }

10. return true;

11. }

12. //拖拽释放之后执行

13. function beforeDrop(treeId, treeNodes, targetNode, moveType) {

14. if(targetNode.pId == dragId){

15. var data = {id:treeNodes[0].id,targetId:targetNode.id,moveType:moveType};

16. var confirmVal = false;

17. $.ajax({

18. async: false,

19. type: "post",

20. data:data,

21. url:"<%=request.getContextPath() %>/library/updateLibrarySort/ ",

22. success: function(json){

23. if(json=="success" ){

24. confirmVal = true;

25. alert('操作成功!');

26. } else{

27. alert('亲，操作失败');

28. }

29. },

30. error: function(){