當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究(转)

發布時間：2025/7/14 javascript 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究(转) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究

caidaoli@hotmail.com 2003-11-26

被選擇的節點的索引：
tree.selectedNodeIndex

被單擊的節點的索引：
tree.clickedNodeIndex

獲取一個節點：
tree.getTreeNode(nodeIndex)

在根節點下增加一個子節點：
var tree = document.all['TreeView1'];
var node = tree.createTreeNode() ;
tree.add(node);
node.setAttribute( "text", "aaaa");

在當前節點下增加一個子節點：
var tree = document.all['TreeView1'];
var node = tree.createTreeNode() ;
var parentNode = tree.getTreeNode( tree.clickedNodeIndex);
parentNode.add(node);
node.setAttribute( "text", "aaaa");

通過XML文件來增加子節點：
node.setAttribute("NavigateUrl","xxx");
node.databind();

動態增加子節點后自動展開：
node.setAttribute('expanded', 'true');//MS提供的HTC中需要修改一個地方，否則就會產生一個異常

獲取節點的屬性：
node.getAttribute("xxx")

設置節點的屬性：
node.setAttribute('xxx', 'xxxx');

常用屬性列表：

屬性	值	含義
CheckBox	True False	是否有選擇框
checked	True False	選擇框是否被選中
Expanded	True False	是否展開
ImageURL		正常狀態下左邊的圖標
SelectedImageUrl		當節點被選擇時左邊的圖標
ExpandedImageUrl		當節點被展開后左邊的圖標
Target		目標框架
navigateurl		目標URL
type		節點的類型
childtype		子節點的類型
Text		節點顯示的文本
innerText
innerHTML
defaultstyle		默認的風格
hoverstyle		當鼠標移到節點的上面時的風格
selectedstyle		當節點被選擇時的風格
treenodesrc

獲取父節點：
node.getParent()

獲取子節點：
node.getChildren()

判斷節點是否有子節點
node.getChildren().length > 0

響應onselectedindexchange事件：
var tree = document.all["tvMain"];
tree.attachEvent("onselectedindexchange", SelectedIndexChange);

轉載于:https://www.cnblogs.com/coolylh/archive/2006/01/07/312764.html

總結

以上是生活随笔為你收集整理的Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。