dhtmlXTree是一个功能比较强大的树控件,基本上能满足大部分常规需求,比较好用。
dhtmlXTree常用函数的说明:
构造函数 dhtmlXTreeObject(htmlObject, width, height, rootId)//rootId 虚拟根节点,在界面上不会显示,一般取值0
replace IMG tag with background images - solve problem with IE image caching , not works for IE6 SP1 enableIEImageFix(mode) 析构函数 destructor() 实现继承 clone() 节点构造函数 dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode)// mode - do not show images 从xml字符串加载树 loadXMLString(xmlString,afterCall)//afterCall - function which will be called after xml loading 从xml文件加载树 loadXML(file,afterCall) 新建子节点,前三个参数为必须的 insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs) insertNewChild(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
节点展开与收缩:[1-close 2-open] _HideShow(itemObject,mode) 获取节点状态:0 - 没有子节点, -1 - 节点合拢, 1 - 节点展开 _getOpenState(node) getOpenState(itemId) 获取选中的节点Id getSelectedItemId() 选中节点 _selectItem(node,e) 获取节点的index getIndexById(itemId) 设置鼠标右键点击事件 setOnRightClickHandler(func) 设置鼠标点击事件 setOnClickHandler(func) 设置节点状态改变事件 setOnSelectStateChange(func) 设置允许动态加载xml文件(异步加载) setXMLAutoLoading(filePath) 设置checkbox点击事件 setOnCheckHandler(func) 设置节点展开/合拢事件 setOnOpenHandler(func) 设置节点开始展/合拢开事件 setOnOpenStartHandler(func) 设置节点展开/合拢结束事件 setOnOpenEndHandler(func) 设置节点双击事件 setOnDblClickHandler(func) 展开节点及下面所有子节点 _xopenAll(node) //增加了不传递itemId的判断(1494) openAllItems(itemId)//不传递itemId参数则合拢根节点 根据id获取节点 _globalIdStorageFind(itemId) 合拢节点及其下所有子节点 _xcloseAll(node) //修改了原来逻辑的一个错误(1521) closeAllItems(itemId)//不传递itemId参数则合拢根节点 为节点增加用户自定义的数据 //修正一个错误(1548) setUserData(itemId,name,value) 获取用户自定义的数据 getUserData(itemId,name) 获取节点颜色 getItemColor(itemId) 设置节点颜色 setItemColor(itemId,defaultColor,selectedColor) 获取节点名称--(with HTML formatting, if any) getItemText(itemId) 获取父节点id getParentId(itemId) 更改节点id changeItemId(itemId,newItemId) 标记被剪切的节点 doCut() 粘贴被剪切的节点到新的父节点下 doPaste(itemId) 清空被剪切的节点 clearCut() 移动节点 _moveNode(itemObject,targetObject) 允许三种状态的复选框(全选、不选、部分选中) enableThreeStateCheckboxes(mode)// 1 - on, 0 - off; 设置鼠标悬浮事件 setOnMouseInHandler(func) 设置鼠标移走事件 setOnMouseOutHandler(func) 设置是否允许显示树图片 enableTreeImages=function(mode)//1 - on, 0 - off 设置是否允许固定模式(对于显示复选框的界面美观一些,但没有水平滚动条) enableFixedMode(mode)// - 1 - on, 0 - off 是否显示复选框 enableCheckBoxes(mode, hidden)//mode 0/1 hidden 0/1 设置节点图片 setStdImages(image1,image2,image3)//a0 - image for node without childrens a1 - image for closed node a2 - image for opened node 设置是否显示树线 enableTreeLines(mode) 设置图片 setImageArrays(arrayName,image1,image2,image3,image4,image5)//image1 - line crossed image image2 - image with top line image3 - image with bottom line image4 - image without line image5 - single root image 展开当前节点(一节) _openItem(node) openItem(itemId) 合拢当前节点(一节) closeItem(itemId) 获取节点的层节数 getLevel(itemId) 设置节点是否允许被合拢 setItemCloseable(itemId,flag)//flag 0/1 对于展开节点返回子节点数量,对于未加载子节点的节点(异步加载)返回true hasChildren(itemId) 获取节点下的子节点数 _getLeafCount(itemNode) 设置节点名称 setItemText(itemId,newLabel,newTooltip) 获取节点tip getItemTooltip(itemId) 刷新节点 refreshItem(itemId) 设置节点图片 setItemImage2(itemId, image1,image2,image3)//image1 - node without childrens image image2 - closed node image image3 - open node image 设置节点图片 setItemImage(itemId,image1,image2)//image1 - node without childrens image or closed node image (if image2 specified) image2 - open node image (optional) 获取节点下所有子节点id以逗号分割 getSubItems(itemId) getAllSubItems(itemId) 获取节点的所有子节点 _getAllScraggyItems(node) 获取选中节点的名称--(with HTML formatting, if any) getSelectedItemText() 设置节点的选中状态 setCheck(itemId,state)//state - checkbox state (0/1/unsure) 设置节点及所有子节点的选中状态 setSubChecked(itemId,state) 获取节点的选中状态 return: node state (0 - unchecked,1 - checked, 2 - third state) isItemChecked(itemId) 删除节点的所有子节点 deleteChildItems(itemId) 删除节点 deleteItem(itemId,selectParent) //selectParent - If true parent of deleted item get selection, else no selected items leaving in tree. 在节点下创建一个节点,前三个参数是必须的 insertNewNext(itemId,newItemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs) 根据index获取节点下子节点的id getChildItemIdByIndex(itemId,index)//itemId 节点id 设置拖动事件 setDragHandler(func) 设置是否允许拖拽 //mode - enabled/disabled [ can be true/false/temporary_disabled - last value mean that tree can be D-n-D can be switched to true later ] //rmode - enabled/disabled drag and drop on super root enableDragAndDrop(mode,rmode) 设置是否允许IE缓存 preventIECashing=function(mode)//mode - enable/disable random seed ( disabled by default ) 设置是否允许选中节点名称高亮显示 enableHighlighting(mode)//mode - 1 - on, 0 - off 是否允许图片可点击和拖拽(clickable and dragable) enableActiveImages(mode)// mode - 1 - on, 0 - off 设置节点获得焦点 focusItem(itemId) 获取所有无子节点的节点id getAllChildless() getAllLeafs() 获取所有有子节点的节点id getAllItemsWithKids() 获取所有被选中节点id,不包括第三中状态的节点(部分选中的节点) getAllChecked() 获取所有被选中节点id,包括第三中状态的节点(部分选中的节点) getAllCheckedBranches() 获取节点下所有未选中的节点id,不传递itemId表示从根节点开始查找 getAllUnchecked(itemId) 获取所有部分选中的节点id(因部分子节点选中而被选中的节点) getAllPartiallyChecked() 设置节点样式 setItemStyle(itemId,style_string) 设置是否允许拖拽图片 enableImageDrag(mode) set function called when tree item draged over another item setOnDragIn(func) 设置拖拽是是否允许自动滚动 enableDragAndDropScrolling(mode)
|
相关推荐
"树形权限选择"是一种常见的权限分配方式,它以图形化、层次化的树状结构展示权限,便于用户直观理解和操作。这种方式使得权限管理变得更加简单、直观且高效。 在描述中提到的“在项目中,采用树形权限设置,只需要...
在IT行业中,构建一个动态树形权限菜单是常见的需求,特别是在开发管理后台或者Web应用程序时。这个主题聚焦于使用Java后端与JavaScript前端,结合SqlServer2005数据库来实现这样的功能。以下将详细讲解这一技术栈中...
C#作为.NET框架的主要编程语言,提供了丰富的工具和技术来实现复杂的功能,如树形管理权限。本篇文章将详细探讨如何使用C#实现这样的功能,以及相关的核心概念和技术。 首先,我们需要理解“树形管理权限”的含义。...
在"马上掌握的LayUI树形权限菜单,助力你的权限管理!"这个主题中,我们将深入探讨如何利用LayUI来构建一个高效、易用的树形权限菜单,以便在后台管理系统中进行精细的权限控制。 首先,权限管理是任何复杂系统不可...
树形控件则是权限管理系统中常见的一种交互方式,用于直观地展示复杂的层级关系。下面将详细介绍权限管理系统的概念、作用以及树形控件在其中的应用。 权限管理系统的概念: 权限管理系统是一种软件工具,用于定义...
在本项目中,“ASP.net动态树形权限菜单JavaScript+SqlServer2005”是一个使用ASP.NET技术,结合JavaScript和SQL Server 2005数据库实现的动态权限管理解决方案。 首先,我们要理解动态树形菜单的概念。在网页设计...
在本文中,我们将深入探讨如何使用Vue.js框架和iView组件库来实现一个可扩展的树形权限表。这个功能对于权限管理系统来说至关重要,因为它能够清晰地展示不同用户或角色的权限结构。以下是对实现这一功能的具体步骤...
在这个"权限管理树形结构demo"中,我们看到的是将权限管理和树形结构相结合的一种实现方式,这种设计模式在很多项目中都得到了广泛的应用。 树形结构是一种常见的数据表示形式,它以层级的方式组织数据,每个节点...
在IT行业中,jQuery权限树插件是一种常用的前端组件,它结合了jQuery库和Bootstrap样式,用于构建具有权限管理功能的树形结构。这种插件在Web应用中特别常见,尤其适用于用户角色分配、资源管理、菜单导航等场景,...
在IT行业中,树形穿梭框(Tree Transfer)是一种常见的用户界面元素,特别是在Web开发中,尤其是在使用Vue.js这样的前端框架时。它被广泛应用于数据管理、权限分配、目录选择等场景,因为它能清晰地展示层级关系,并...
在这个特定的场景中,我们关注的是“带权限”的树形菜单,这意味着系统会根据用户的权限级别动态地显示他们有权访问的菜单项。 树形菜单的设计和实现通常涉及到以下几个关键技术点: 1. 数据结构:树形菜单的基础...
"基于layui实现树形穿梭框"是layui框架中的一个组件,用于构建交互式的树状结构选择器,常用于权限管理、数据分类选择等场景。下面将详细介绍这个知识点。 1. layui框架基础: layui是一个轻量级的前端框架,包含...
用户组权限设置,代码简单,控制权限方便,可扩展性好。 通过系统管理员进入 权限设置,设置权限组及该组的功能。...程序缺点:没实现树形结构,Actions循序不能随便更改,改了以后需要更改数据库表。 欢迎高手指点。
在这个场景中,我们关注的是一个基于“三级树形结构”和“用户控件(UserControl)”来实现动态生成父子菜单,并用于分配用户权限的系统。这样的设计可以提供灵活且直观的权限控制,使管理员能够有效地管理不同用户的...
6. **应用场景**:树形结构菜单广泛应用于文件浏览器、组织结构图、导航菜单、权限管理、分类目录等场景,尤其在需要展现多级关系的地方,它们能有效地减少用户的认知负担。 7. **编程实现**:在JavaScript中,实现...
Vue2.0权限树组件实现代码是一个功能强大且灵活的组件,使用了递归组件的方式来实现树形菜单的展开和折叠,并使用了 Element-Ui 库的树形控件来实现树形结构。组件的样式和布局方面使用了 CSS 来实现,交互行为方面...
shiro 1.4.0 :权限控制框架 druid 1.1.5 :druid连接池,监控数据库性能,记录SQL执行日志 thymeleaf :2.1.4.RELEASE,thymeleaf前端html页面模版 log4j2 2.7 :日志框架 EHCache : 2.5.0 ztree : 3.5.31
本项目"easy ui tree 前后端树形结构项目 权限管理demo"提供了一个完整的解决方案,使用了Easy UI Tree库来实现前端的树形结构,并结合SSM(Spring、SpringMVC、MyBatis)框架和MySQL数据库进行后端处理。...