快捷導(dǎo)航

js獲取Treeview選中的節(jié)點(diǎn)(C#選中CheckBox項(xiàng))

更新時(shí)間：2012年12月31日 16:26:09 作者：

方法網(wǎng)上有很多，試了一下都有瑕疵,于是設(shè)置斷點(diǎn)調(diào)試，各個(gè)屬性查找有用的字段，終于找到,接下來與大家分享解決方法，需要了解的朋友可以參考下

方法網(wǎng)上有很多，試了一下都有瑕疵。最后找了個(gè)看上去代碼比較少，比較順眼的，測試結(jié)果報(bào)錯(cuò)說有幾個(gè)函數(shù)不存在，于是設(shè)置斷點(diǎn)調(diào)試，各個(gè)屬性查找有用的字段，終于找到。
現(xiàn)整理如下：
首先，要想在javascript中獲取treeview中帶checkbox的節(jié)點(diǎn)，需要設(shè)置treeview節(jié)點(diǎn)的某些屬性，我是在后臺代碼中添加的。

復(fù)制代碼代碼如下:

 
TreeNode newNode = new TreeNode(); 
newNode.Text = “showText”; 
newNode.Value =id; 
newNode.NavigateUrl = id; // 可用來在javascript中獲取需要的value或text值 
newNode.ShowCheckBox = true; //顯示checkbox 
newNode.Expanded = false; //節(jié)點(diǎn)折疊 
newNode.Checked = true; //checkbox選中 

獲取Treeview帶Input控件的節(jié)點(diǎn)：var tree = document.getElementById("treenameOrid").getElementsByTagName("input");
上邊設(shè)置的是checkbox，所以tree選出的就是帶checkbox的項(xiàng)。它不同于var treeitem=document.getElementById("treenameorid");不可遍歷直接獲取text和value；
獲取Treeview中Checkbox選中的節(jié)點(diǎn)，通常作為一個(gè)判斷條件： if (tree[i].type == "checkbox" && tree[i].checked) {內(nèi)容}
獲取各個(gè)節(jié)點(diǎn)需要的值：var s = tree[i].nextSibling.pathname; 發(fā)現(xiàn)這個(gè)費(fèi)了我不少腦細(xì)胞。要用此屬性獲取值，必須設(shè)置屬性newNode.NavigateUrl = 需要的值;
好啦，現(xiàn)在給出一個(gè)javascript的完整代碼：

復(fù)制代碼代碼如下:

 
var idlist; 
function GeSelectedNode() { 
var getAllNodes = ""; 
idlist = new Array(); //實(shí)例化數(shù)組 
var tree = document.getElementById("treenameOrid").getElementsByTagName("input"); 
for (var i = 0; i < tree.length; i++) { 
if (tree[i].type == "checkbox" && tree[i].checked) { 
var s = tree[i].nextSibling.pathname; //要用此屬性獲取值，必須設(shè)置屬性newNode.NavigateUrl = 需要的值; 
getAllNodes += s + '/'; 
idlist.push(s); //將值添加入數(shù)組最后一項(xiàng)； 
} 
} 
alert(tree.length); 
alert(getAllNodes); 
} 