easyui树拖拽排序java_Jquery easyui treegrid实现树形表格的行拖拽

前几天修改了系统的一个功能——实现树形列列表的行拖拽，以达到排序的目的。现在基本上功能实现，现做一个简单的总结。

1.拿到这个直接网上搜，有好多，但是看了后都觉得不是太复杂就是些不是特别想看的例子，自己太懒(对自己不是很熟悉的东西是不愿意第一去看的)。结果选择良久，还是jquery easyui treegrid这个例子自己看起来比较熟悉。于是就专心研究了，从官方网站http://www.jeasyui.net/下载了demo，开始研读。先把jsp页面一些代码贴出

$(function(){//初始化弹出对话框

$('#win').window('close');

$('#tt').treegrid({//data:data,

url:'catalogListItem',

method:'post',

dataType:'json',

rownumbers:true,

singleSelect:true,

idField:'id',

treeField:'title',

animate:true,

columns:[[

{field:'id',title:'ckc',checkbox:true},

{field:'title',title:'分类名称',width:400,align:'left',editor:'text'},

{field:'sortid',title:'排序值',width:100,align:'left',editor:'text'},

{field:'creatorNick',title:'创建者',width:100},

{field:'createdTime',title:'创建时间',width:220},

{field:'operate',title:'操作',width:220,

formatter:function(value,row,index){var html='';

html+='编辑 ';//html+=value+'编辑 ';

if(row.level==0){

html+=' 删除 ';

html+='新建子节点 ';//默认只有二级节点

}elsehtml+=