Heim  >  Artikel  >  Web-Frontend  >  Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例_javascript技巧

Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:10:311123Durchsuche
复制代码 代码如下:

//只要要在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);
//     }
    }
   }
  }
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn