TreeView控件结合js树形选择

原创 2004年09月18日 21:27:00

 在一些系统管理,分配权限时可能经常需求构建树形菜单,然后选择部分功能点授权给用户

 用下面的javascript脚本结合.net自带的树形控件,很方便的实现了多级选择。

    <script language="javascript">
  
  function window_onload()
  {
    document.all("treeMenu").attachEvent("oncheck",tree_oncheck);
    
  }
  
  //当树上的checkBox被选中时触发
  function tree_oncheck()
  {
   //得到当前选中的node
   var node=treeMenu.getTreeNode(treeMenu.clickedNodeIndex);
   document.all("TreeIndex").value = node.getAttribute("ID");
   //得到点击得节点checked的状态
   var Pchecked=treeMenu.getTreeNode(treeMenu.clickedNodeIndex).getAttribute("checked");
   //alert(Pchecked);
   //设置所有子节点的状态(全部选中或全部不选中)
   setcheck(node,Pchecked);
   //点击子,所有的根选中
   setParentCheck(node);
   //设置传给服务器端的值
  // getNodeCheckValue(tree);
  }
  //点击子,所有的根选中
  function setParentCheck(node)
  {
   var tempNode;
    //得到父节点
   tempNode=node.getParent();
   if(tempNode!=null)
   {
    //选中
    tempNode.setAttribute("Checked","true");
    //递归
    setParentCheck(tempNode);
   }
  }

  //设置子节点选中
  function setcheck(node,Pc)
  {
   var i;
   var ChildNode=new Array();
   ChildNode=node.getChildren();
   if(parseInt(ChildNode.length)==0)
   {
    return;
   }
   else
   {
    for(i=0;i<ChildNode.length;i++)
    {
     var cNode;
     cNode=ChildNode[i];
     cNode.setAttribute("Checked",Pc);
     if(parseInt(cNode.getChildren().length)!=0)
     {
      setcheck(cNode,Pc);
     }
     
    }
   }
  }

PB下使用TreeView控件实现多级分类检索

PowerBuilder中的TreeView控件为树状列表,其特点是信息项呈树状层次结构,且形式灵活,可展开也可回缩,使用鼠标进行控制,操作简便。因此在应用中,可将其与DataWindow配合,一个提...
  • tlammon
  • tlammon
  • 2016年03月23日 01:24
  • 808

WPF中TreeView的使用

WPF中对树控件的使用主要有两种方法, 方法一,对TreeView进行静态搭建,对应的XAML文件代码如下: ...
  • lzhui1987
  • lzhui1987
  • 2016年05月11日 23:08
  • 7427

Qt树形控件QTreeView使用1——节点的添加删除操作

QTreeView 和 QStandardItemModel的使用 QtreeView是ui中最常用的控件,Qt中QTreeWidget比QTreeView更简单,但没有QTreeView那么...
  • czyt1988
  • czyt1988
  • 2014年02月08日 23:15
  • 25577

Winform中如何实现下拉树效果(类似于ComboBox下拉时显示的是树状结构)

Winform中如何实现下拉树效果 简介:Winform中如何实现下拉树效果(类似于ComboBox下拉时显示的是树状结构),         如果是BS的WebForm就有很多解决方案了,Devex...
  • pengzhen8805
  • pengzhen8805
  • 2013年11月01日 19:31
  • 7366

Bootstrap树形菜单插件TreeView.js使用方法详解

Bootstrap树形菜单插件TreeView.js使用方法详解
  • educast
  • educast
  • 2016年12月14日 14:48
  • 16063

Qt树形控件QTreeView使用2——复选框的设置

通过QStandardItem和QStandardItemModel可以很简单方便的给QTreeView添加节点,但是,许多树形控件都需要树的节点需要一个复选框(checkBox),网上许多资料都是通...
  • czyt1988
  • czyt1988
  • 2014年02月13日 20:24
  • 16469

优秀的树形(tree)控件推荐,都是在网上看到的,大家参考一下

优秀的树形(tree)控件推荐,都是在网上看到的,大家参考一下 ---------------------------------------原文地址------------------...
  • liweiwei0725
  • liweiwei0725
  • 2014年03月10日 13:20
  • 7339

PB中TreeView控件使用技巧

PB中TreeView控件使用技巧 2007-01-28 00:09:20 分类: 数据库开发技术 PowerBuilder中的TreeView 控件为树状游览,类似于WIND...
  • tlammon
  • tlammon
  • 2016年03月01日 20:40
  • 1878

C# 系统应用之TreeView控件 (一).显示树状磁盘文件目录及加载图标

文章主要讲述使用C# winForm实现类似于资源管理器的界面,通过TreeView控件显示"我的电脑"所有磁盘文件树状目录,包括"我的文档",所有盘符下子目录.同时通过ImageList加载不同类型...
  • Eastmount
  • Eastmount
  • 2014年02月19日 15:30
  • 22980

Winfrom开发之通过treeview实现树形结构

Winfrom开发之通过treeview实现树形结构 方法一、 节点法 分析 节点法类似于树形结构中的树,通过父节点和子节点 以及节点深度来查找 根节点没有父节点 深度为0 部门与所属子部门的...
  • l1158513573
  • l1158513573
  • 2015年07月01日 20:00
  • 2249
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:TreeView控件结合js树形选择
举报原因:
原因补充:

(最多只允许输入30个字)