Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級父節(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頁面代碼
<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è)置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í)原理很簡單,就是獲取當(dāng)前選中節(jié)點(diǎn)的父節(jié)點(diǎn),然后通過循環(huán),再求父節(jié)點(diǎn)的父節(jié)點(diǎn)。通過這個(gè)功能的實(shí)現(xiàn),也見識到了查看API的好處!
- easyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法
- 淺談EasyUi ComBotree樹修改 父節(jié)點(diǎn)選擇的問題
- EasyUI 中combotree 默認(rèn)不能選擇父節(jié)點(diǎn)的實(shí)現(xiàn)方法
- 擴(kuò)展jquery easyui tree的搜索樹節(jié)點(diǎn)方法(推薦)
- EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹節(jié)點(diǎn)
- 淺談EasyUI中Treegrid節(jié)點(diǎn)的刪除
相關(guān)文章
通過JavaScript腳本復(fù)制網(wǎng)頁上的一個(gè)表格
通過JavaScript腳本復(fù)制網(wǎng)頁上的一個(gè)表格...2006-07-07JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別
這篇文章主要給大家介紹了關(guān)于JavaScript偽數(shù)組和數(shù)組使用與區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05canvas?2d?環(huán)形統(tǒng)計(jì)圖手寫實(shí)現(xiàn)示例
這篇文章主要為大家介紹了canvas?2d?環(huán)形統(tǒng)計(jì)圖手寫實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04javascript制作坦克大戰(zhàn)全紀(jì)錄(2)
上文我們簡單的完成了坦克大戰(zhàn)的雛形,本文我們來繼續(xù)完善坦克大戰(zhàn),接下來我們來學(xué)習(xí)制作地圖和碰撞檢測方面的問題。2014-11-11javascript+jQuery實(shí)現(xiàn)360開機(jī)時(shí)間顯示效果
這篇文章主要介紹了javascript+jQuery實(shí)現(xiàn)360開機(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à)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09關(guān)于TypeScript模塊導(dǎo)入的那些事
Typescrit的模塊機(jī)制與es6的模塊基本類似,也提供了轉(zhuǎn)換為amd,es6,umd,commonjs,system的轉(zhuǎn)換,下面這篇文章就來給大家詳細(xì)介紹了關(guān)于TypeScript模塊導(dǎo)入的那些事,需要的朋友可以參考借鑒,下面來一起看看吧2018-06-06