Y大叔的筆記

年過40歲記不住了

2008-06-24

[ASP.NET]TreeViw的全選及取消

在工作上遇到在TreeView上要用到選母節點，子節點全選的功能

在工作上遇到在TreeView上要用到選母節點，子節點全選的功能，在網路上找到一些文章的方法

在.aspx上的TreeView屬性ShowCheckBoxes="All"

<asp:TreeView ID="TreeView1" runat="server" onclick="client_OnTreeNodeChecked();"  ShowCheckBoxes="All">
    </asp:TreeView>

加上下列JavaScript

<script language="javascript" type="text/javascript">
function client_OnTreeNodeChecked()
{
var obj = window.event.srcElement;
var treeNodeFound = false;
var checkedState;
if (obj.tagName == "INPUT" && obj.type == "checkbox") {
var treeNode = obj;
checkedState = treeNode.checked;
do
{
obj = obj.parentElement;
} while (obj.tagName != "TABLE")
var parentTreeLevel = obj.rows[0].cells.length;
var parentTreeNode = obj.rows[0].cells[0];
var tables = obj.parentElement.getElementsByTagName("TABLE");
var numTables = tables.length
if (numTables >= 1)
{
for (i=0; i < numTables; i++)
{
if (tables[i] == obj)
{
treeNodeFound = true;
i++;
if (i == numTables)
{
return;
}
}
if (treeNodeFound == true)
{
var childTreeLevel = tables[i].rows[0].cells.length;
if (childTreeLevel > parentTreeLevel)
{
var cell = tables[i].rows[0].cells[childTreeLevel - 1];
var inputs = cell.getElementsByTagName("INPUT");
inputs[0].checked = checkedState;
}
else
{
return;
}
}
}
}
}
}
</script>

 

標籤雲

系列文章