【参加讨论】Tree.xml
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type=´text/xsl´ href=´tree.xsl´?>
<TreeView>
<Tree Text="根节点" Expanded="true">
<Tree Text="1.1" Expanded="true">
<Tree Text="1.1.1">
<Tree Text="1.1.1.1">
<Tree target="_blank" URL="http://www.google.com" Text="1.1.1.1.1google"/>
<Tree Text="1.1.1.1.2"/>
</Tree>
<Tree Text="1.1.1.2"/>
</Tree>
<Tree Text="1.1.2"/>
</Tree>
<Tree Text="1.2">
<Tree Text="1.2.1"/>
<Tree Text="1.2.2"/>
</Tree>
</Tree>
</TreeView>
Tree.xsl
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<HTML>
<HEAD>
<script>
<xsl:comment>
<![CDATA[
var CurrentNode = null;
var iconLeaf = "<span class=´clsLeaf´>.</span>";
var iconExpand = "<span class=´clsExpand´>-</span>";
var iconCollapse = "<span class=´clsCollapse´>+</span>";
function Expand(obj)
{
var div = null;
var img = obj;
if(obj.tagName != ´SPAN´ || obj.className!=´clsSpace´)
return (false);
obj = obj.parentElement;
var childRen=obj.children;
for (var i=0;i < childRen.length;i++)
{
if(childRen[i].tagName == ´DIV´){
div = childRen[i];
break;
}
}
if(div == null)
return (false);
if(obj.Expanded.toLowerCase()==´true´)
{
if(img!=null) img.innerHTML = iconCollapse;
obj.Expanded=´false´;
div.className=´hide´;
}
else
{
if(img!=null) img.innerHTML = iconExpand;
obj.Expanded=´true´;
div.className=´shown´
}
}
function MouseOver(obj)
{
obj.className = "clsMouseOver";
}
function MouseOut(obj)
{
if(!obj.Checked)
obj.className = "clsLabel";
else
obj.className = "clsCurrentHasFocus";
}
function MouseDown(obj)
{
obj.className = "clsMouseDown";
}
function MouseUp(obj)
{
MouseOut(obj);
}
function Click(obj)
{
if(!obj.Checked)
{
if(CurrentNode != null)
{
CurrentNode.Checked = false;
MouseOut(CurrentNode);
}
obj.Checked = true;
CurrentNode = obj;
}
else
obj.Checked = false;
MouseOut(obj);
}
]]>
</xsl:comment>
</script>