欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn)

 更新時(shí)間:2017年02月14日 10:42:25   投稿:mrr  
這篇文章主要介紹了Easyui Tree獲取當(dāng)前選擇節(jié)點(diǎn)的所有頂級(jí)父節(jié)點(diǎn),以及easyUI Tree顯示選中節(jié)點(diǎn)的所有父節(jié)點(diǎn)的實(shí)現(xià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),如圖:

這里寫(xiě)圖片描述 

代碼實(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é)果顯示:

這里寫(xiě)圖片描述

總結(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的好處!

相關(guān)文章

  • 通過(guò)JavaScript腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格

    通過(guò)JavaScript腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格

    通過(guò)JavaScript腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格...
    2006-07-07
  • JavaScript偽數(shù)組和數(shù)組的使用與區(qū)別

    JavaScript偽數(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-05
  • canvas?2d?環(huán)形統(tǒng)計(jì)圖手寫(xiě)實(shí)現(xiàn)示例

    canvas?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-04
  • javascript制作坦克大戰(zhàn)全紀(jì)錄(2)

    javascript制作坦克大戰(zhàn)全紀(jì)錄(2)

    上文我們簡(jiǎn)單的完成了坦克大戰(zhàn)的雛形,本文我們來(lái)繼續(xù)完善坦克大戰(zhàn),接下來(lái)我們來(lái)學(xué)習(xí)制作地圖和碰撞檢測(cè)方面的問(wèn)題。
    2014-11-11
  • javascript+jQuery實(shí)現(xiàn)360開(kāi)機(jī)時(shí)間顯示效果

    javascript+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-11
  • JS全角與半角轉(zhuǎn)化實(shí)例(分享)

    JS全角與半角轉(zhuǎn)化實(shí)例(分享)

    下面小編就為大家?guī)?lái)一篇JS全角與半角轉(zhuǎn)化實(shí)例(分享)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例

    layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例

    今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • js和jq使用submit方法無(wú)法提交表單的快速解決方法

    js和jq使用submit方法無(wú)法提交表單的快速解決方法

    下面小編就為大家?guī)?lái)一篇js和jq使用submit方法無(wú)法提交表單的快速解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考
    2016-05-05
  • 關(guān)于TypeScript模塊導(dǎo)入的那些事

    關(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-06
  • js實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)特效

    js實(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

最新評(píng)論