TreeView CheckBox级联选中

最新推荐文章于 2024-04-17 15:41:02 发布
最新推荐文章于 2024-04-17 15:41:02 发布
阅读量1.1k 收藏
点赞数
分类专栏： 常用查询 文章标签： null input java div
 
方法一：子结点选中，父节点也随之选中
前台：
<head></head>之间插入如下Java代码
function  public_GetParentByTagName(element, tagName) 
{
          var  parent  =  element.parentNode;
          var  upperTagName  =  tagName.toUpperCase ();
          // 如果这个元素还不是想要的tag就继续上溯
          while  (parent  &&  (parent.tagName.toUpperCase()  !=  upperTagName)) 
         {
             parent  =  parent.parentNode  ?  parent.parentNode : parent.parentElement;
         } 
          return  parent;
}

 // 设置节点的父节点Cheched——该节点可访问，则他的父节点也必能访问 
function  setParentChecked(objNode)
{ 
          var  objParentDiv  =  public_GetParentByTagName (objNode, " div " );
          if  (objParentDiv == null   ||  objParentDiv  ==   " undefined " ) 
         {
              return ;
         } 
          var  objID  =  objParentDiv.getAttribute ( " ID " );
         objID  =  objID.substring( 0 ,objID.indexOf ( " Nodes " ));
         objID  =  objID + " CheckBox " ;
          var  objParentCheckBox  =  document.getElementById (objID);
          if  (objParentCheckBox == null   ||  objParentCheckBox  ==   " undefined " ) 
         {
              return ;
         } 
          if  (objParentCheckBox.tagName != " INPUT "   &&  objParentCheckBox.type  ==   " checkbox " )
          return ; 
         objParentCheckBox.checked  =   true ;
         setParentChecked (objParentCheckBox);
}

 // 设置节点的子节点uncheched——该节点不可访问，则他的子节点也不能访问 
function  setChildUnChecked(divID)
{ 
          var  objchild  =  divID.children;
          var  count  =  objchild.length; 
          for ( var  i = 0 ;i < objchild.length;i ++ ) 
         {
              var  tempObj  =  objchild [i];
              if (tempObj.tagName == " INPUT "   &&  tempObj.type  ==   " checkbox " ) 
             {
               tempObj.checked  =   false ;
             } 
             setChildUnChecked(tempObj); 
         }
}

 // 设置节点的子节点cheched——该节点可以访问，则他的子节点也都能访问 
function  setChildChecked(divID)
{ 
          var  objchild  =  divID.children;
          var  count  =  objchild.length; 
          for ( var  i = 0 ;i < objchild.length;i ++ ) 
         {
              var  tempObj  =  objchild [i];
              if (tempObj.tagName == " INPUT "   &&  tempObj.type  ==   " checkbox " ) 
             {
             tempObj.checked  =   true ;
             }
             setChildChecked(tempObj); 
         } 
}

 function  CheckEvent()
{

          var  objNode  =  event.srcElement; 

          if (objNode.tagName != " INPUT "   ||  objNode.type != " checkbox " ) 
          return ;

          if (objNode.checked == true ) 
         {
             setParentChecked (objNode);
               var  objID  =  objNode.getAttribute ( " ID " );
            var  objID  =  objID.substring( 0 ,objID.indexOf( " CheckBox " )); 
              var  objParentDiv  =  document.getElementById (objID + " Nodes " );
               if (objParentDiv == null   ||  objParentDiv  ==   " undefined " ) 
             {
             return ;
            } 
             setChildChecked (objParentDiv);
         } 
          else
         {
              var  objID  =  objNode.getAttribute ( " ID " );
            var  objID  =  objID.substring( 0 ,objID.indexOf( " CheckBox " )); 
              var  objParentDiv  =  document.getElementById (objID + " Nodes " );
               if (objParentDiv == null   ||  objParentDiv  ==   " undefined " ) 
             {
              return ;
             } 
             setChildUnChecked (objParentDiv);
         }
}
后台：Page_Load中添加单击事件
         protected   void  Page_Load( object  sender, EventArgs e)
        {
             if  ( ! IsPostBack)
            {
                 this .TreeView1.Attributes.Add( " onclick " , " CheckEvent() " );
            }
        }

方法二：子结点选中，父节点不跟随选中
前台：<head></head>之间插入如下Java代码
function  OnTreeNodeChecked() 
{ 
     var  ele  =  event.srcElement; 
     if (ele.type == ' checkbox ' ) 
    { 
         var  childrenDivID  =  ele.id.replace( ' CheckBox ' , ' Nodes ' ); 
         var  div  =  document.getElementById(childrenDivID); 
         if (div == null ) return ; 
         var  checkBoxs  =  div.getElementsByTagName( ' INPUT ' ); 
         for ( var  i = 0 ;i < checkBoxs.length;i ++ ) 
        { 
             if (checkBoxs[i].type == ' checkbox ' ) 
                checkBoxs[i].checked = ele.checked; 
        } 
    } 
} 
前台页面：
  TreeView添加
OnClick = " OnTreeNodeChecked()
事件
gameWYD
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wpf treeview checkbox
05-04
支持checkbox 核心代码 void SetIsChecked(bool? value, bool updateChildren, bool updateParent) { if (value == _isChecked) return; _isChecked = value; if (updateChildren && _isChecked.HasValue) { foreach (TreeItem child in children) { child.SetIsChecked(_isChecked, true, false); } } if (updateParent && parent != null) { parent.VerifyCheckState(); } this.OnPropertyChanged("IsChecked"); }
TreeView中使用checkBox时子节点和父节点的级联选择
属于自己的专栏
05-19 378
<br /> <br />效果如图：。选择有子节点的节点时会选择其下所有节点。取消一个子节点的选择状态，其父节点的选择状态也取消。<br />代码如下：<br /> <br />private void departTView_AfterCheck(object sender, TreeViewEventArgs e)<br />        {<br />            try<br />            {<br />                if(e.Action!=TreeVi
WinForm中TreeView节点级联选中处理
12-26 683
关键点1：当前节点选中时，所有子节点都选中，需要使用递归。         private void setSubNodeCheckState(TreeNode node)         {             foreach (TreeNode nd in node.Nodes)             {                 nd.Checked = node.Ch
VB.NET中treeview使用方法一
热门推荐
攻城狮的梦想
03-20 1万+
最近发现一控件特有意思，结合网上的教程，研究（难道只有科学家才能用这一词，我等小辈不可以吗？）了一番，这就是treeview控件，我准备从以下几个方面学习它 一、treeview的基本用法及真容（没见过面，就谈不了解，不了解就谈不交朋友，扯远了） 二、treeview的应用实例（网上很少，自已动手，丰衣足食） 三、treeview 与数据库的给合（有点难，我下决心克服它） 环境VS2005
[导入]TreeView的级联选择（下）
weixin_30484247的博客
11-27 64
书接上回。 选中父节点要比选中子节点稍微复杂一些。 1.如果这个节点原来的状态为未选中，现在选中了，那简单了，找到它的父节点，选中父节点，继续以父节点为起点，继续向上找，直到到达根节点。 2.如果这个节点原来的状态为选中，现在不选了，那么比较麻烦。 2.1如果这个节点的兄弟节点中有选中的，那么父节点的选中与否，就可以用兄弟节点为基础来做了。 2.2如果这个节点的所有兄...
TreeView实现级联选择
htsitr2的专栏
09-04 2720
问题 TreeView
TreeView 控件 Checkbox 级联选择
weixin_33816300的博客
02-11 90
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...
树形控件复选框的级联选择
weixin_30733003的博客
07-12 431
用到TreeView的CheckBox时,通常需要联动操作,即父节点被选中,则子节点全部选中,反之一样,这样的需求用JavaScript实现比较适合,如果用c#代码实现这样的效果,性能是不如JavaScript的 贴上代码: Code<scripttype="text/javascript"language="javascript">//checkb...
TreeView加载数据库数据的三种方法实现三级联动
nuptsv_ice的专栏
08-13 817
[csharp] view plaincopyprint? "font-size:18px;">方法一：.将所有节点加载到目录树上：   using System;   using System.Collections.Generic;   using System.Linq;   using System.Web;   using System.Web.U
bootstrap-Treeview实现级联勾选
08-28
主要为大家详细介绍了bootstrap-Treeview实现级联勾选，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Treeview中checkbox选择问题
03-03
Treeview中的Checkbox选择问题，就是选择子节点中的任何一个，父节点都会被选中；取消父节点Checkbox，所有子节点被取消....
asp.net treeview checkbox 相关问题
10-29
asp.net treeview checkbox 相关问题,需要的朋友可以看下。
C#树形菜单的CheckBox级联选择
07-27
实现树形结构的CheckBox的子节点选中所有父级节点，级联选择功能，内有具体案例
C# TreeView Checkbox 部分选中状态，点击节点选中状态不会改变
06-29
实现Treeview Checkbox的三种状态，分别是：选中、没有选中、部分选中。之前有人写了一部分实现Treeview Checkbox第三种状态的代码，但是在点击节点前的“+”或者“-”的时候，也会改变这个节点及其子节点的选中状态...
快速排序算法
m0_68821222的博客
04-13 476
快速排序的最坏情况是O(n^2)，比如说顺序 数列的快排。但它的平均期望是O(nlogn)，且(nlogn)记号中隐含的常数因子很小，比复杂度稳定等于O(nlogn)的归并排序要小很多，所以，对绝大数顺序性较弱的随机数列而言，快速排序总要优于归并排序。2.重新排序数列，所有比基准值小的放在基准前面，所有元素比基准大的放在基准后面。（相同的数可以到任一边）。3.递归（recursive）把小于基准值元素的子数列和大于基准元素的子数列排序。1.从数列中挑出一个元素，称为“基准”，（pivot）。
java面向对象.day21（继承02--super）
BaiZhuYuan的博客
04-14 653
super===父this===当前使用super时，首先要继承父类，其次是在子类里面才能使用super。继承父类后，运行子类时会同时调用父类的构造方法，如果要显性调用父类的构造方法必须在子类的第一行调用。单使用super()表示调用父类构造方法，单使用this()表示调用本身的构造方法。父类具有有参的构造方法时，并且没有显性无参构造方法，那么子类要使用时必须直接调用父类的有参构造方法，
互联网大厂ssp面经（操作系统：part1）
qq_41214208的博客
04-11 1024
互联网大厂ssp面经，操作系统：part1
刷题之Leetcode19题(超级详细)
最新发布
qq_69748833的博客
04-17 213
双指针的经典应用，如果要删除倒数第n个节点，让fast移动n步，然后让fast和slow同时移动，直到fast指向链表末尾。删掉slow所指向的节点就可以了。首先这里我推荐大家使用虚拟头结点，这样方便处理删除实际头结点的逻辑，如果虚拟头结点不清楚，可以先去看一看这一篇。给你一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点。输入：head = [1,2], n = 1 输出：[1]力扣题目链接(opens new window)进阶：你能尝试使用一趟扫描实现吗？思路是这样的，但要注意一些细节。
Spring框架第一篇（Spring概述与IOC思想）
Du_XiaoNan的博客
04-13 1155
Spring 是最受欢迎的企业级 Java 应用程序开发框架，数以百万的来自世界各地的开发人员使用 Spring 框架来创建性能好、易于测试、可重用的代码。 Spring 框架是一个开源的 Java 平台，它最初是由 Rod Johnson 编写的，并且于 2003 年 6 月首 次在 Apache 2.0 许可下发布。 官网：[https://spring.io/](https://spring.io/)
bootstrap treeview 级联示例
10-18
在该事件中，可以获取到选中节点的id和父节点的id，通过这些信息可以找到子节点的id并设置其checked属性为true，从而实现级联选中。 例如，有一个层次结构如下所示： - 根节点 (id: 1) - 子节点1 (id: 2, ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值