用js腳本控制asp.net下treeview的NodeCheck的實現代碼
2024-05-06 14:11:20
供稿：網友
增加CheckBox聯動的情況選擇：
1.單選TreeView中的任一節點
2.當一節點CheckBox屬性值改變時:子節點的CheckBox屬性值跟隨其改動,父節點不變;
父節點的所有子節點的CheckBox屬性值都為false時才為false;有一個子節點的CheckBox屬性值true時則為true.
3.當一節點CheckBox屬性值改變時:子節點、父節點的CheckBox屬性值跟隨其改動;
父節點的所有子節點的CheckBox屬性值都為false時才為false;有一個子節點的CheckBox屬性值true時則為true.
javascript代碼
代碼如下:
function OnTreeNodeChecked(id, type) {
//獲取觸發事件的對象
var element = window.event.srcElement;
//如果對象不是checkbox則不處理
if (!IsCheckBox(element))
return;
//獲取checked狀態
var isChecked = element.checked;
//獲取tree對象
var tree = TV2_GetTreeById(id);
//獲取element的相對結點(如果是葉結點，則就為element,否則為其<A>結點)
var node = TV2_GetNode(tree, element);
switch (type) {
case "1":
SetNodesUnChecked(tree);
element.checked = true;
break;
case "2":
TV2_SetChildNodesCheckStatus(node, isChecked);
break;
case "3":
TV2_SetChildNodesCheckStatus(node, isChecked);
var parent = TV2_GetParentNode(tree, node);
TV2_NodeOnChildNodeCheckedChanged(tree, parent, isChecked);
}
}
//set all nodes checkbox nochecked
function SetNodesUnChecked(TreeNode) {
var inputs = WebForm_GetElementsByTagName(TreeNode, "INPUT");
if (inputs == null || inputs.length == 0)
return;
for (var i = 0; i < inputs.length; i++) {
if (IsCheckBox(inputs[i]))
inputs[i].checked = false;
}
}
//set child nodes checkbox status
function TV2_SetChildNodesCheckStatus(node, isChecked) {
//返回當前node所在的div層
var childNodes = TV2i_GetChildNodesDiv(node);
if (childNodes == null)
return;
var inputs = WebForm_GetElementsByTagName(childNodes, "INPUT");
if (inputs == null || inputs.length == 0)
return;
for (var i = 0; i < inputs.length; i++) {
if (IsCheckBox(inputs[i]))
inputs[i].checked = isChecked;
}
}
//change parent node checkbox status after child node changed
function TV2_NodeOnChildNodeCheckedChanged(tree, node, isChecked) {
if (node == null)
return;
var childNodes = TV2_GetChildNodes(tree, node);
if (childNodes == null || childNodes.length == 0)
return;
var isAllSame = true;
for (var i = 0; i < childNodes.length; i++) {
var item = childNodes[i];
var value = TV2_NodeGetChecked(item);
if (isChecked != value) {
isAllSame = false;
break;
}
}
var parent = TV2_GetParentNode(tree, node);
if (isAllSame) {
TV2_NodeSetChecked(node, isChecked);
TV2_NodeOnChildNodeCheckedChanged(tree, parent, isChecked);
}
else {
TV2_NodeSetChecked(node, true);
TV2_NodeOnChildNodeCheckedChanged(tree, parent, true);
}
}
//get node relative element(etc. checkbox)
