Extjs4中tree的拖拽功能(可以兩棵樹之間拖拽) 簡單實(shí)例
更新時(shí)間：2013年12月08日 17:09:12 作者：
這篇文章主要介紹了Extjs4中tree的拖拽功能簡單實(shí)例，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
//只要要在treepanel中配置一下viewConfig即可，如果是兩棵樹之間，兩棵樹都要配置
viewConfig:{
plugins :{
ptype:'treeviewdragdrop',
appendOnly:true //只能拖著帶非葉節(jié)點(diǎn)上
},
listeners:{//監(jiān)聽器
drop:function(node,data,overModel,dropPosition,options){
//ajax的操作把數(shù)據(jù)同步到后臺(tái)數(shù)據(jù)庫
alert("把:"+data.records[0].get('text')+" 移動(dòng)到："+overModel.get("text"));
},
beforedrop:function(node,data,overModel,dropPosition,dropFunction,options){
// if(overModel.get("leaf")){ //目標(biāo)節(jié)點(diǎn)
// overModel.set('leaf',false);
// }
}
}
}
相關(guān)文章
Javascript 正則表達(dá)式實(shí)現(xiàn)為數(shù)字添加千位分隔符
在項(xiàng)目中做貨幣轉(zhuǎn)換的時(shí)候經(jīng)常需要可以實(shí)現(xiàn)自動(dòng)格式化輸入的數(shù)字，自動(dòng)千位分隔符，在網(wǎng)上也看到一些其他網(wǎng)友的實(shí)現(xiàn)的代碼，感覺都不是太滿意，于是自己研究了下，分享給大家。2015-03-03
詳解js私有作用域中創(chuàng)建特權(quán)方法
這篇文章主要為大家詳細(xì)介紹了js私有作用域中創(chuàng)建特權(quán)方法，何為特權(quán)方法，特權(quán)方法就是有權(quán)訪問私有變量和私有函數(shù)的公有方法，感興趣的小伙伴們可以參考一下2016-01-01
JavaScript剩余操作符Rest Operator詳解
在本篇文章里小編給各位分享的是關(guān)于JavaScript剩余操作符Rest Operator知識(shí)點(diǎn)用法總結(jié)，有需要的朋友們跟著學(xué)習(xí)下。2019-07-07
原生JavaScript實(shí)現(xiàn)拖動(dòng)校驗(yàn)功能
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)拖動(dòng)校驗(yàn)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
解構(gòu)賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z法將數(shù)組和對(duì)象的屬性賦給各種變量。這篇文章主要介紹了ES6的解構(gòu)賦值的實(shí)例代碼 ,需要的朋友可以參考下2019-05-05
在本篇文章里小編給大家分享的是關(guān)于JS面試題中深拷貝的實(shí)現(xiàn)講解，需要的朋友們可以參考下。2020-05-05
對(duì)應(yīng)用到對(duì)textarea處理的朋友可以參考下?？刂频谋容^不錯(cuò)的代碼封裝。2010-11-11
這篇文章主要介紹了NestJs 靜態(tài)目錄配置，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
微信小程序 scroll-view 實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)功能
這篇文章主要介紹了微信小程序 scroll-view 實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)功能,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
JavaScript設(shè)置body高度為瀏覽器高度的方法
這篇文章主要介紹了JavaScript設(shè)置body高度為瀏覽器高度的方法,實(shí)例分析了body高度的設(shè)置技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02