extjs裡的treepanel的用法

時間 2022-02-01 21:15:04

1樓:娛樂這個feel倍爽兒

treepanel繼承自panel,在extjs中使用樹控制元件含有豐富的屬性和方法實現複雜的功能。其中ext.tree.

treenode代表一個樹節點,比較常用的屬性包括text、id、icon、checked等、非同步樹ext.tree.asynctreenode、樹載入器ext.

tree.treeloader。下面介紹幾個extjs中treepanel例子:

一、treepanel基本配置引數:

//treepanel配置引數

animate:true//,收縮動畫,false時,則沒有動畫效果

autoheight:true//自動高度,預設為false

enabledrag:true//樹的節點可以拖動drag(效果上是),注意不是draggable

enabledd:true//不僅可以拖動,還可以通過drag改變節點的層次結構(drap和drop)

enabledrop:true//僅僅drop

lines:true//節點間的虛線條

loader:ext.tree.treeloader//載入節點資料

root:ext.tree.treenode//根節點

rootvisible:false//false不顯示根節點,預設為true

trackmouseover:false//false則mouseover無效果

usearrows:true//小箭頭

二、treenode的基本配置引數:

//treenode常用配置引數

checked:false//true則在text前有個選中的核取方塊,false則text前有個未選中的核取方塊,預設沒有任何框框

expanded:fasle//,預設不

節點的連結地址

hreftarget:"mainframe"//開啟節點連結地址預設為blank,可以設定為iframe名稱id,則在iframe中開啟

leaf:true//葉子節點,看情況設定

qtip:"提示"//提示資訊,不過要 ext.quicktips.init();下

text:"節點文字"//節點文字

singleclickexpand:true//用單擊文字,預設為雙擊

三、treepanel例項:

第一個靜態樹--最簡單的樹:

ext.onready(function(),]}]

})});

mytree.render();//不要忘記render()下,不然不顯示哦

})效果圖:

2樓:

ext 版本不一樣,差別很大。 不同的環境同樣的**也不見得能跑起來。 建議先找個入門的教程看看吧。

這明顯是3以前的樹的寫法。

ext 4的樹結構已經完全變了,所以這個肯定不能跑。

如果沒入門,先找個入門教程。 如果已經入門,直接看官方例子和文件就可以了

3樓:匿名使用者

你的那個dataurl是屬性,應該是要通過方法來指定路徑。

你可以試試這兩個方法

expandpath( string path , [string attr] , [function callback] ) : void

引數項:

path : string 路徑

attr : string 路徑中使用的屬性

callback : function

當完成時執行的**。**執行時會有以下兩個引數 (bsuccess, olastnode)bsuccess表示成功而olastnode就表示的最後一個節點

返回值: void

selectpath( string path , [string attr] , [function callback] ) : void

選擇樹的指定的路徑。路徑可以從ext.data.nodegetpath物件上獲取

引數項:

path : string 路徑

attr : string 路徑中使用的屬性

callback : function

當完成時執行的**。**執行時會有以下兩個引數 (bsuccess, olastnode)bsuccess表示選區已成功建立而olastnode就表示的最後一個節點

返回值:

void

extjs中的treepanel怎麼預設全部!應該設定什麼屬性或方法?

4樓:匿名使用者

expanded:false

5樓:

tree.expandall();

6樓:匿名使用者

ext.create('ext.tree.panel',,]},

renderto:ext.getbody()});

有個配置項root root的expand:true 。

extjs中的treepanel怎麼預設全部,應該設定什麼屬性或方法

7樓:

ext.create('ext.tree.panel',,]},

renderto:ext.getbody()});

有個配置項root root的expand:true 。

8樓:忘卻度記憶

root 設定

expanded: true

9樓:白菜一顆

使用treepanel的 expandall() 方法,可以節點

extjs中如何在window中放動態treepanel

10樓:匿名使用者

js**:

後臺返回的json(這裡我用php):

<?php

$json_string='[,]

},,]

}]';

echo $json_string;

?>

也可以儲存成getnode.json形式

11樓:匿名使用者

extjs有讀取json格式資料來源載入tree的功能..你需要做的就是組織你的動態json資料來源...例項我找不到了,不知丟哪去了..

婚姻裡的生活,婚姻裡的生活

樂而樂 恭喜你有這麼好一個老公,要想婚姻幸福美滿,需要雙方共同努力,要相互信任,相互理解,相互尊重。不能一方凌駕於一方之上。這樣這樣,婚姻才能幸福美滿長久。 我是無極限 祝你生日快樂 你有一個好老公,他很疼你。我是個八零後,已經三十多歲了,可我還是單身呢,真的很羨慕你們!我在羨慕你們得同時也祝福你們...

春節裡的數學,春節裡的數學

乾隆五十大慶時,在乾清宮舉行千叟宴。參加者有位一百四十一歲的老人。乾隆以其年齒為題出句雲 花甲重開,外加三七歲月 紀曉嵐對道 古稀雙慶,又多一個春秋。花甲,指六十歲。重開,指兩個花甲,一百二十歲。三七為二十一歲。上聯加起來共一百四十一歲。古稀,指七十歲。雙慶,指兩個古稀,一百四十歲。一個春秋,即一歲...

《尋秦記》裡的遊戲,《尋秦記》裡的遊戲

蹴鞠 音 cu ju 蹴鞠 一詞,最早載於 史記 蘇秦列傳 蘇秦遊說齊宣王時形容臨苗 臨苗甚富而實,其民無不吹竿 鼓瑟 蹋鞠者 蹴鞠又名 蹋鞠 蹴球 蹴圓 築球 踢圓 等,蹴 即用腳踢,鞠 系皮製的球,蹴鞠 就是用腳踢球,它是中國一項古老的體育運動,有直接對抗 間接對抗和白打三種形式。蹴鞠流傳了兩千...