Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn)
只支持四層目錄結(jié)構(gòu),比較笨的一個(gè)方法
JS代碼
var node = $('#tree').tree('getSelected'); //獲取該節(jié)點(diǎn)所有父節(jié)點(diǎn) var parentAll = node.text; var flag = ">>"; parentAll = flag.concat(parentAll); var parent = $('#tree').tree('getParent', node.target); if(parent != null && parentOne != ''){ parentAll = (parent.text).concat(parentAll); var parentOne = $('#tree').tree('getParent', parent.target); if(parentOne != null && parentOne != ''){ parentAll = flag.concat(parentAll); parentAll = (parentOne.text).concat(parentAll); var parentTwo = $('#tree').tree('getParent', parentOne.target) if(parentTwo != null && parentTwo != ''){ parentAll = flag.concat(parentAll); parentAll = (parentTwo.text).concat(parentAll); } } } $("#path").text(parentAll);
JSP頁(yè)面代碼
<span style="font-size:12px;font-weight:bold;">當(dāng)前節(jié)點(diǎn):<b id="path"></b></span>
下面看下easyUI Tree顯示選中節(jié)點(diǎn)的所有父節(jié)點(diǎn)
功能需要,顯示Tree上所選節(jié)點(diǎn)的所有父節(jié)點(diǎn),如圖:
代碼實(shí)現(xiàn)如下:
var str = ""; var parentAll = ""; parentAll = node.text; parentAll = parentAll.replace(/\[[^\)]*\]/g, ""); //獲得所需的節(jié)點(diǎn)文本 var flag = ","; var parent = $('#leftTree').tree('getParent', node.target); //獲取選中節(jié)點(diǎn)的父節(jié)點(diǎn) for (i = 0; i < 6; i++) { //可以視樹(shù)的層級(jí)合理設(shè)置I if (parent != null) { parentAll = flag.concat(parentAll); str = (parent.text).replace(/\[[^\)]*\]/g, ""); parentAll = (str).concat(parentAll); var parent = $('#leftTree').tree('getParent', parent.target); } } alert(parentAll);
結(jié)果顯示:
總結(jié):其實(shí)原理很簡(jiǎn)單,就是獲取當(dāng)前選中節(jié)點(diǎn)的父節(jié)點(diǎn),然后通過(guò)循環(huán),再求父節(jié)點(diǎn)的父節(jié)點(diǎn)。通過(guò)這個(gè)功能的實(shí)現(xiàn),也見(jiàn)識(shí)到了查看API的好處!
- easyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法
- 淺談EasyUi ComBotree樹(shù)修改 父節(jié)點(diǎn)選擇的問(wèn)題
- EasyUI 中combotree 默認(rèn)不能選擇父節(jié)點(diǎn)的實(shí)現(xiàn)方法
- 擴(kuò)展jquery easyui tree的搜索樹(shù)節(jié)點(diǎn)方法(推薦)
- EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹(shù)節(jié)點(diǎn)
- 淺談EasyUI中Treegrid節(jié)點(diǎn)的刪除
相關(guān)文章
通過(guò)JavaScript腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格
通過(guò)JavaScript腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格...2006-07-07JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
這篇文章主要給大家介紹了關(guān)于JavaScript偽數(shù)組和數(shù)組使用與區(qū)別的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05canvas?2d?環(huán)形統(tǒng)計(jì)圖手寫(xiě)實(shí)現(xiàn)示例
這篇文章主要為大家介紹了canvas?2d?環(huán)形統(tǒng)計(jì)圖手寫(xiě)實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04javascript制作坦克大戰(zhàn)全紀(jì)錄(2)
上文我們簡(jiǎn)單的完成了坦克大戰(zhàn)的雛形,本文我們來(lái)繼續(xù)完善坦克大戰(zhàn),接下來(lái)我們來(lái)學(xué)習(xí)制作地圖和碰撞檢測(cè)方面的問(wèn)題。2014-11-11javascript+jQuery實(shí)現(xiàn)360開(kāi)機(jī)時(shí)間顯示效果
這篇文章主要介紹了javascript+jQuery實(shí)現(xiàn)360開(kāi)機(jī)時(shí)間顯示效果,在文中給大家提到了js實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)的代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例
今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09js和jq使用submit方法無(wú)法提交表單的快速解決方法
下面小編就為大家?guī)?lái)一篇js和jq使用submit方法無(wú)法提交表單的快速解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05關(guān)于TypeScript模塊導(dǎo)入的那些事
Typescrit的模塊機(jī)制與es6的模塊基本類似,也提供了轉(zhuǎn)換為amd,es6,umd,commonjs,system的轉(zhuǎn)換,下面這篇文章就來(lái)給大家詳細(xì)介紹了關(guān)于TypeScript模塊導(dǎo)入的那些事,需要的朋友可以參考借鑒,下面來(lái)一起看看吧2018-06-06js實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)特效
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片無(wú)縫循環(huán)滾動(dòng)特效的相關(guān)資料,本實(shí)例在網(wǎng)頁(yè)中較為常見(jiàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01