Microsfot.Web.UI.WebControls.Tre…

Microsfot.Web.UI.WebControls.TreeView JavaScript控制方法研究

转 http://caidaoli.cnblogs.com/archive/2005/02/23/108317.html?Pending=true

1. 被选择的节点的索引：
   tree.selectedNodeIndex

2. 被单击的节点的索引：
   tree.clickedNodeIndex

3. 获取一个节点：
   tree.getTreeNode(nodeIndex)

4. 在根节点下增加一个子节点：
   var tree = document.all['TreeView1'];
   var node = tree.createTreeNode() ;
   tree.add(node);
   node.setAttribute( "text", "aaaa");

5. 在当前节点下增加一个子节点：
   var tree = document.all['TreeView1'];
   var node = tree.createTreeNode() ;
   var parentNode = tree.getTreeNode( tree.clickedNodeIndex);
   parentNode.add(node);
   node.setAttribute( "text", "aaaa");

6. 通过XML文件来增加子节点：
   node.setAttribute("NavigateUrl","xxx");
   node.databind();
7. 动态增加子节点后自动展开：
   node.setAttribute('expanded', 'true');//MS提供的HTC中需要修改一个地方，否则就会产生一个异常
8. 获取节点的属性：
   node.getAttribute("xxx")
9. 设置节点的属性 ：
   node.setAttribute('xxx', 'xxxx');
10. 常用属性列表：

    属性	值	含义
    CheckBox	True False	是否有选择框
    checked	True False	选择框是否被选中
    Expanded	True False	是否展开
    ImageURL		正常状态下左边的图标
    SelectedImageUrl		当节点被选择时左边的图标
    ExpandedImageUrl		当节点被展开后左边的图标
    Target		目标框架
    navigateurl		目标URL
    type		节点的类型
    childtype		子节点的类型
    Text		节点显示的文本
    innerText
    innerHTML
    defaultstyle		默认的风格
    hoverstyle		当鼠标移到节点的上面时的风格
    selectedstyle		当节点被选择时的风格
    treenodesrc

11. 获取父节点：
    node.getParent()
12. 获取子节点：
    node.getChildren()
13. 判断节点是否有子节点
    node.getChildren().length > 0
14. 响应onselectedindexchange事件：
    var tree = document.all["tvMain"];
    tree.attachEvent("onselectedindexchange", SelectedIndexChange);

 

 

=========================

<script language="javascript">   
            function tree_oncheck(tree)
            {
                var node = tree.getTreeNode(tree.clickedNodeIndex); 
                var Pchecked = node.getAttribute("checked");
                alert(Pchecked);
                var inde=node.getNodeIndex();
                if(inde!=null)
                {
                    tree.queueEvent('oncheck', node.getNodeIndex());
                }
                setcheck(node, Pchecked,tree);
                setParentCheck(node,tree,Pchecked);
            }
             //父节点操作
            function   setParentCheck(node,tree,pchecked)   
            {   
                var tempNode;    
                tempNode=node.getParent();   
                if(tempNode!=null)   
                {   
                    var inde=tempNode.getNodeIndex();
                    if(inde!=null && pchecked)
                    {   
                        var axz=tempNode.getAttribute("checked");
                        if(!axz)
                        {
                            tempNode.setAttribute("Checked","true"); 
                            tree.queueEvent('oncheck', tempNode.getNodeIndex());
                        }
                        setParentCheck(tempNode,tree,pchecked);
                    } 
                }   
            }   
                        //子节点操作
            function setcheck(node, Pc,t)
            {
                var ChildNode = new Array();
                ChildNode = node.getChildren();
                if (parseInt(ChildNode.length) != 0)
                {
                    for (var i = 0; i < ChildNode.length; i++)
                    {
                        var cNode = ChildNode[i];
                        var inde=cNode.getNodeIndex();
                        var axz=cNode.getAttribute("checked");
                        if(inde!=null && axz!=Pc)
                        {
                            cNode.setAttribute("checked", Pc);
                            t.queueEvent('oncheck', inde);
                            if (parseInt(cNode.getChildren().length) != 0)
                                setcheck(cNode, Pc,t);
                        }
                    }
                }
            } 
        </script>
//后台cs代码
private void Page_Load(object sender, System.EventArgs e)
        {
this.你所使用的树控件的名字.Attributes.Add("oncheck","tree_oncheck(this)");
}