做權限的時候
使用帶CheckBox的數型結構能得到很好的用戶體驗
我以前是使用以下該方法
<script language=
<!
//初始化節點
initchecknode(document
//初始化選中節點
function initchecknode(tree
{
//獲得需要初始化選擇狀態的節點的字符串
var selectedNodes = tvvalue;
var arrayNodes = new Array();
arrayNodes = selectedNodes
var AllRootNode=new Array();
AllRootNode=document
//初始化選擇的節點
findAndCheckedNodes(AllRootNode
}
//根據已選擇的節點的字符串初始化選擇的節點
function findAndCheckedNodes(NodeArray
{
//alert(NodeArray
if(parseInt(NodeArray
{
return;
}
else
{
for(var i=
{
var cNode
cNode=NodeArray[i];
////如果該節點在nodeDatas裡則初始化checked = true;
nodeData = cNode
for(var j=
{
if(nodeDatas[j] == nodeData)
{
cNode
break;
}
}
//如果有子節點
if(parseInt(cNode
findAndCheckedNodes(cNode
}
}
}
//
//oncheck事件
function tree_oncheck(tree)
{
var i;
var node=tree
var Pchecked=tree
setcheck(node
setParent(node
//window
document
if (tree
{
for (i=
{
if (tree
{
AddChecked(tree
}
FindCheckedFromNode(tree
}
}
}
//設置子節點選中
function setcheck(node
{
var i;
var ChildNode=new Array();
ChildNode=node
if(parseInt(ChildNode
{
return;
}
else
{
for(i=
{
var cNode;
cNode=ChildNode[i];
cNode
//cNode
if(parseInt(cNode
{
setcheck(cNode
}
}
}
}
//設置子節點選中/取消;
//同時需要設置父節點的狀態(如果是取消選中的話
function setParent(node
{
var parentNode = node
if(parentNode)
{
var parentNodeFather = parentNode
if(parentNodeFather)
{
setParent(parentNode
}
if(Pc)
{parentNode
else
{
checkBrother(parentNode
}
}
}
//檢查子接點是否有選擇的
//只查第一級節點
function checkBrother(parentNode
{
var childNodes = new Array();
childNodes = parentNode
if(childNodes
{
var bChecked = true;
for(var i=
{
if(childNodes[i]
{
//alert(i+childNodes[i]
bChecked = false;
break;
}
}
if(bChecked)
{
parentNode
}
else
{
//所有父結點選擇
setParent(parentNode
}
}
else
{
parentNode
}
}
//獲取所有節點狀態
function FindCheckedFromNode(node)
{
var i =
var nodes = new Array();
nodes = node
for (i =
{
if (nodes[i]
{
AddChecked(nodes[i]);
}
if (parseInt(nodes[i]
{
FindCheckedFromNode(nodes[i]);
}
}
}
//添加選中節點
function AddChecked(node)
{
document
}
//
</script>這種方法有個很大的問題
現在我使用的是
function public_GetParentByTagName(element
{
var parent = element
var upperTagName = tagName
//如果這個元素還不是想要的tag就繼續上溯
while (parent && (parent
{
parent = parent
}
return parent;
}
//設置節點的父節點Cheched——該節點可訪問
function setParentChecked(objNode)
{
var objParentDiv = public_GetParentByTagName(objNode
if(objParentDiv==null || objParentDiv ==
{
return;
}
var objID = objParentDiv
objID = objID
objID = objID+
var objParentCheckBox = document
if(objParentCheckBox==null || objParentCheckBox ==
{
return;
}
if(objParentCheckBox
return;
objParentCheckBox
setParentChecked(objParentCheckBox);
}
//設置節點的子節點uncheched——該節點不可訪問
function setChildUnChecked(divID)
{
var objchild = divID
var count = objchild
for(var i=
{
var tempObj = objchild[i];
if(tempObj
{
tempObj
}
setChildUnChecked(tempObj);
}
}
//設置節點的子節點cheched——該節點可以訪問
function setChildChecked(divID)
{
var objchild = divID
var count = objchild
for(var i=
{
var tempObj = objchild[i];
if(tempObj
{
tempObj
}
setChildChecked(tempObj);
}
}
//觸發事件
function CheckEvent()
{
var objNode = event
if(objNode
return;
if(objNode
{
setParentChecked(objNode);
var objID = objNode
var objID = objID
var objParentDiv = document
if(objParentDiv==null || objParentDiv ==
{
return;
}
setChildChecked(objParentDiv);
}
else
{
var objID = objNode
var objID = objID
var objParentDiv = document
if(objParentDiv==null || objParentDiv ==
{
return;
}
setChildUnChecked(objParentDiv);
}
}
這種方法最大的好處就是服務端能得javascript設置的Checked的值
//遍歷子節點
public void GetChildNode(TreeNode Node)
{
foreach (TreeNode node in Node
{
if (node
{
StrChecked += node
}
GetChildNode(node);
}
}
我照樣能得到它的Check的值
From:http://tw.wingwit.com/Article/program/net/201311/13498.html