js獲取Treeview選中的節點(C#選中CheckBox項)

2024-09-06 12:41:25

字體：大中小

來源：轉載

供稿：網友

方法網上有很多，試了一下都有瑕疵。最后找了個看上去代碼比較少，比較順眼的，測試結果報錯說有幾個函數不存在，于是設置斷點調試，各個屬性查找有用的字段，終于找到。
現整理如下：
首先，要想在javascript中獲取treeview中帶checkbox的節點，需要設置treeview節點的某些屬性，我是在后臺代碼中添加的。
代碼如下:
TreeNode newNode = new TreeNode();
newNode.Text = “showText”;
newNode.Value =id;
newNode.NavigateUrl = id; // 可用來在javascript中獲取需要的value或text值
newNode.ShowCheckBox = true; //顯示checkbox
newNode.Expanded = false; //節點折疊
newNode.Checked = true; //checkbox選中

獲取Treeview帶Input控件的節點：var tree = document.getElementById("treenameOrid").getElementsByTagName("input");
上邊設置的是checkbox，所以tree選出的就是帶checkbox的項。它不同于var treeitem=document.getElementById("treenameorid");不可遍歷直接獲取text和value；
獲取Treeview中Checkbox選中的節點，通常作為一個判斷條件： if (tree[i].type == "checkbox" && tree[i].checked) {內容}
獲取各個節點需要的值：var s = tree[i].nextSibling.pathname; 發現這個費了我不少腦細胞。要用此屬性獲取值，必須設置屬性newNode.NavigateUrl = 需要的值;
好啦，現在給出一個javascript的完整代碼：
代碼如下:
var idlist;
function GeSelectedNode() {
var getAllNodes = "";
idlist = new Array(); //實例化數組
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; //要用此屬性獲取值，必須設置屬性newNode.NavigateUrl = 需要的值;
getAllNodes += s + '/';
idlist.push(s); //將值添加入數組最后一項；
}
}
alert(tree.length);
alert(getAllNodes);
}

現在，運行起來，看看是不是你需要的結果，如果不對，別忘了設斷點調試哦。

上一篇：用javascript為DropDownList控件下拉式選擇添加一個Item至定義索引位

下一篇：JS實現完美include加載功能代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注