Hello, CarWise!
It needs to implement this feature manually.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET Example</title>
<script type="text/javascript">
if (document.getElementsByClassName) {
getElementsByClass = function(classList, node) {
return (node || document).getElementsByClassName(classList)
}
} else {
getElementsByClass = function(classList, node) {
var node = node || document,
list = node.getElementsByTagName('*'),
length = list.length,
classArray = classList.split(/\s+/),
classes = classArray.length,
result = [], i, j
for (i = 0; i < length; i++) {
for (j = 0; j < classes; j++) {
if (list[i].className.search('\\b' + classArray[j] + '\\b') != -1) {
result.push(list[i])
break
}
}
}
return result
}
}
var checkAll =
function(tp) {
var f = function() {
if (Ext.isDefined(this.attributes.checked)) {
this.attributes.checked = "true";
getElementsByClass('x-tree-node-cb', this.ui.getEl())[0].checked = true;
}
};
tp.root.cascade(f);
}
var uncheckAll =
function(tp) {
var f = function() {
if (Ext.isDefined(this.attributes.checked)) {
this.attributes.checked = "false";
getElementsByClass('x-tree-node-cb', this.ui.getEl())[0].checked = false;
}
};
tp.root.cascade(f);
}
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TreePanel ID="TreePanel1" runat="server" Height="300">
<Root>
<ext:TreeNode Text="Composers" Expanded="true" Checked="False">
<Nodes>
<ext:TreeNode Text="Beethoven" Expanded="true" Checked="False">
<Nodes>
<ext:TreeNode Text="Concertos" Expanded="true" Checked="False">
<Nodes>
<ext:TreeNode Text="Concert 1" Checked="False" />
<ext:TreeNode Text="Concert 2" Checked="False" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
<Buttons>
<ext:Button runat="server" Text="Check all">
<Listeners>
<Click Handler="checkAll(#{TreePanel1});" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Uncheck all">
<Listeners>
<Click Handler="uncheckAll(#{TreePanel1});" />
</Listeners>
</ext:Button>
</Buttons>
</ext:TreePanel>
</form>
</body>
</html>
