码迷,mamicode.com
首页 > Web开发 > 详细

asp.net 实现treeview 选中父节点其子节点也选种中 选中子节点其父节点与根节点也被选中

时间:2016-11-05 11:47:54      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:run   attr   nat   return   turn   名称   false   ext   add   

1、在 Page_Load(object sender, EventArgs e) 里面加入: TreeView1.Attributes.Add("onclick", "CheckEvent(event)");//TreeView1是树控件的名称。

javascript 放到 <head></head> 之间 <script type="text/javascript">

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        function CheckEvent(evt) {
            evt = window.event || evt;
            var objNode = evt.srcElement || evt.target;
            if (objNode.tagName == "INPUT" && objNode.type == "checkbox") {
                var objParentDiv = objNode.id.replace("CheckBox", "Nodes");
                if (objNode.checked == true) {
                    setChildCheckState(objParentDiv, true);

                    setParentCheckeState(objNode, true);
                }
                else {
                    setChildCheckState(objParentDiv, false);

                    if (!HasOtherChecked(objNode)) {
                        setParentCheckeState(objNode, false);
                    }
                }
            }
        }

        //判断是否有并行的其他节点被选中
        function HasOtherChecked(objNode) {
            var objParentDiv = WebForm_GetParentByTagName(objNode, "div");

            var chks = objParentDiv.getElementsByTagName("INPUT");
            for (var i = 0; i < chks.length; i++) {
                if (chks[i].checked && chks[i].id != objNode.id) {
                    return true;
                }
            }
            return false;
        }

        //设置父节点
        function setParentCheckeState(objNode, chkstate) {
            try {
                var objParentDiv = WebForm_GetParentByTagName(objNode, "div");

                if (objParentDiv == null || objParentDiv == "undefined ") {
                    return;
                }
                else {
                    var objParentChkId = objParentDiv.id.replace("Nodes", "CheckBox");
                    var objParentCheckBox = document.getElementById(objParentChkId);

                    if (objParentCheckBox) {
                        objParentCheckBox.checked = chkstate;
                        setParentCheckeState(objParentDiv, chkstate);
                    }
                }
            }
            catch (e) { }
        }

        //设置子节点
        function setChildCheckState(nodeid, chkstate) {
            var node = document.getElementById(nodeid);

            if (node) {
                var chks = node.getElementsByTagName("INPUT");
                for (var i = 0; i < chks.length; i++) {
                    chks[i].checked = chkstate;
                }
            }
        }
    </script>
</head>

2、在Page_Load中进行注册事件

 protected void Page_Load(object sender, EventArgs e) {
            TreeView1.Attributes.Add("onclick", "CheckEvent(event)");
        }

 

asp.net 实现treeview 选中父节点其子节点也选种中 选中子节点其父节点与根节点也被选中

标签:run   attr   nat   return   turn   名称   false   ext   add   

原文地址:http://www.cnblogs.com/SethKing/p/6032616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!