想把拖拽后排好的树的顺序保存下来,加一个按钮,取到json串。可是不知道怎样取到,急呀
menuTree:new Ext.tree.TreePanel({
title:'局所列表',
region:'west',
id:'extExample-tree',
autoScroll:true,
enableDD:true,//是否支持拖拽效果false
containerScroll: true,//是否支持滚动条
split:true,
width: 180,
minSize: 175,
maxSize: 300,
rootVisible:false,//是否显示跟节点
//collapseMode:'mini',//在分割线处出现按钮
collapsible: true,
margins:'0 0 5 5',
loader:new Ext.tree.TreeLoader({
dataUrl:'data.jsp'
}),
tools:[{
id:'refresh',
handler:function(){
var tree = Ext.getCmp('extExample-tree');
tree.root.reload();
}
}]
}),
/*nodedrop事件的实现函数,可以用ajax向后台传送数据。*/
treeNodeDrop:function(e){
var curTree = e.tree;//得到当前的tree
var tmpDropNode = e.dropNode;
var tmpDropedNode = e.target;
var dropType = e.point;
alert(dropType)//dropType:above,append,below
if(dropType=="append")
{
//进度提示
Ext.MessageBox.show({
title:"正在保存",
msg:" ",
progress:true,
width:300,
wait:true,
waitConfig:{interval:600},//0.6s进度条自动加载一定长度
closable:true
});
Ext.Ajax.request({
url:'dragtree.jsp',
method:'post',
params:{begin:tmpDropNode.id,end:tmpDropedNode.id,type:dropType},
success: function(response, option) {
Ext.MessageBox.hide();
var result = response.responseText;
Ext.MessageBox.alert("系统提示",result);
},
failure: function(response, option) {
//nodeEdited.setText(oldValue);//如果失败则将改过的节点恢复原状
Ext.MessageBox.hide();
Ext.MessageBox.alert("系统提示","Error");
//alert("异步通讯失败,请重试或与管理员联系!");
}
});
}//end if (dropType=="append")
else {Ext.MessageBox.alert("系统提示"," 不支持排序功能,只能拖到'目标文件夹位置'实现移动功能");
var tree = Ext.getCmp('extExample-tree');
tree.root.reload();
}
}