這篇文章主要介紹了Extjs4中tree的拖拽功能簡單實例,有需要的朋友可以參考一下
代碼如下:
//只要要在treepanel中配置一下viewConfig即可,如果是兩棵樹之間,兩棵樹都要配置
viewConfig:{
plugins :{
ptype:'treeviewdragdrop',
appendOnly:true //只能拖著帶非葉節點上
},
listeners:{//監聽器
drop:function(node,data,overModel,dropPosition,options){
//ajax的操作把數據同步到後台數據庫
alert("把:"+data.records[0].get('text')+" 移動到:"+overModel.get("text"));
},
beforedrop:function(node,data,overModel,dropPosition,dropFunction,options){
// if(overModel.get("leaf")){ //目標節點
// overModel.set('leaf',false);
// }
}
}
}